3、网页制作Dreamweaver(表单form)

时间:2023-03-08 20:18:19

表单form

(虚线不显示)

1、写法:

<form id="form1" name="form1" method="post" action="">

</form>

1、  解释

name、id自定义,用于寻找此块内容

3、内容

(1)文本框:可以设置width,height

 <label for="denglu">姓名</label>                           ————标签,可以不写,为易于寻找

<input  type="text"  name="textfield"  id="textfield" value="你好" />———value是预设词

(2)隐藏域

必须在表单中,存储临时数据

<input type="hidden" name="hiddenField" id="hiddenField" />

在设计区域显示:

(3)文本区域

是一个长的文本框,可以设置width,height

<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>

(4)复选框

<input type="checkbox" name="checkbox" id="checkbox" checked="checked" />

<label for="checkbox"></label>

*checked=”checked”表示已经选中

(5)单选框

将name改成同一个名,就可以实现单选择效果(id不能改,用于区分)

<input type="radio" name="radio" id="radio" value="radio" />

<label for="radio"></label>

<input type="radio" name="radio" id="radio2" value="radio2" />

<label for="radio2"></label>

<input type="radio" name="radio" id="radio3" value="radio3" />

<label for="radio3"></label>

<input type="radio" name="radio" id="radio4" value="radio4" />

<label for="radio4"></label>

单选按钮组:

<label>

<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />

单选</label>

<br />

<label>

<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />

单选</label>

*复选同单选

(6)选择列表单

<label for="select"></label>

<select name="select" id="select">

<option value="1" selected="selected">张三</option>

<option value="2">李四</option>

<option value="3">王五</option>

</select>

(7)跳转菜单

<select  name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">

<option>项目1</option>

</select>

(8)图像域 (可点击)

<input type="image" name="imageField" id="imageField" src="../../微信二维码 (1).jpg" />

(9)文件域

<label for="fileField"></label>

<input type="file" name="fileField" id="fileField" />

(10)按钮

<input type="submit" name="button" id="button" value="提交" />

*submit是提交,reset是重置

(11)标签

<label></label>

(12)字段集 (一堆label)

<fieldset>

</fieldset>

隐藏输入框里面的文字显示为“······”文本框中input  type=”password”

*<pre>保留书写的源格式

*<lable>可以在网页中实现快速查找:

<lable  accesskey=”u” for=”userid”>

<td><input type=”text”  id=”userid”/></td>

<td>hello</td>

</lable>(光标在其他区域的情况下,只点hello就可以到文本框中,或者点alt+u也可以直接跳转)

*<sub>下标<sup>上标

头标签:

*<base>所有超链接的href位置、target属性(_blank或者别的)

*<meta name=”keywords” content=”各种关键词”>  用于提高网站主页的搜索展现率,根据关键词来判断(现在不常用了)

*<meta http-equiv=”refresh” content=”3;url=http://www.xxxx.com”/>刷新页面三秒后自动弹到一个网页(没指定链接的时候页面本身刷新)

超链接中链接邮箱的用法:<a href=”mailto:xxx@xxx.com?subject=xx&cc=xxx@xxx.com”