HTML基本知识点——表单和表单元素标记

表单

  表单的作用是从访问您的Web站点的用户那里获取信息，访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息，然后单击某个按钮提交这些信息。

是客户端与服务器端进行信息交流的途径。

l  Form标记用于创建一个表单，定义表单的开始于结束，它是一个容器，用于包含其它表单元素，例如文本框复选框等。表单元素必须放在form中才能起作用。

l  <form action=”url(传送目标，处理表单信息的服务器端应用程序)” method=“处理表单的方法(post/get)” 不写method默认是get，name=“表单名称”>表单元素</form>

l  Post方法可以传递大量信息（安全）

l  Get方法是将值附加到请求该页的URL中，适合传递少量信息（默认方式）

表单元素标记

  单行文本框

<input name=”文本框名称”type=”text”value=”初始值” size=”显示的字符个数” maxlength=”最多容纳的字符数” readyonly=”readyonly”(设为只读)disabled=”disabled”(设置为不可操作) >

  密码框

<input name=”文本框名称”type=”password”value=”初始值” size=”显示的字符个数” maxlength=”最多容纳的字符数”>

  单选框

<input name=”单选框名称” type=”radio” value=”提交值”　checked=”checked”(是否被选中) />

  复选框

<input name=”复选框名称” type=”checkbox” value=”提交值”checked=”checked”(是否被选中) />

  将按钮与文本关联<label>

<label>标注内容</label>标签为input元素的定义标注（标记）。<label>标签的for属性应当与相关联元素的id属性相同

Ø  <label for=”man”>男</label>

Ø  <input type=”radio” name=”sex” value=”男”id=”man” >

  列表框

1.下拉菜单式

Ø  <select name=”列表框名称” />

Ø  <option selected=”selected”(哪个为初始选择，就添加selected语句【只允许一个option中有】) value=”提交值” />列表1</option>

Ø  <option value=”提交值” />列表2</option>

Ø  ....................

Ø  <select>

2.下拉菜单分组式

Ø  <select name=”citys”>

n  <optgroup label=”北京”>

u  <option value=”朝阳” selected=”selected”>朝阳</option>

u  <option value=”海淀”>海淀</option>

u  <option value=”东城”>东城</option>

n  </optgroup>

Ø  </select>

1.  列表式

Ø  <select name=”列表框名称” size=”显示的行数” multiple(如果允许多选，则有该命令；否则没有此命令)>

n  <option value=”提交值”>列表1</option>

n  ..........

Ø  </select>

Ø  例如：

Ø  <select name=”target” size=”3” multiple=”multiple”>

n  <option value=”普通朋友”>普通朋友</option>

n  <option value=”爱人” selected=”selected”>爱人</option>

n  <option value=”同事”>同事</option>

Ø  </select>

  浏览框（文件上传域）

<input name=”名称” type=”file” size=”显示长度” />

  多行文本框

Ø  <textarea name=”多行文本框名称” cols=”每行中显示的字符数” rows=”显示的行数”>

Ø  初始内容........

Ø  </textarea>

  按钮

n  <input type=”按钮类型(reset[重置表单]、submit[提交表单]、button[普通按钮])” name=”按钮名称” value=”按钮显示文本” />

  图片按钮

n  <input name=”图片按钮名称”type=”images” src=”图片路径” />

  隐藏域(例如服务器获取客户IP地址)

n  <input name=”名称”type=”hidden” value=”提交值” />

  表单外框（写在form标签里面）

Ø  <fieldset>...</filedset>定义围绕表单中元素的边框。

Ø  <legend>...</legend>为fileset元素的定义标题