3、网页制作Dreamweaver（表单form）

表单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:[email protected]?subject=xx&cc=[email protected]”