form 表单 常用于收集不同类用户的输入,允许用户收集:文本域(text)、下拉列表(select)、单选框(radio)、复选框(checkbox) 以及动按纽(Action)
表单标签
标签 | 描述 |
---|---|
<form> | 定义供用户输入的表单 |
<input> | 定义输入域 |
<textarea> | 定义文本域 (一个多行的输入控件) |
<label> | 定义一个控制的标签 |
<fieldset> | 定义域 |
<legend> | 定义域的标题 |
<select> | 定义一个选择列表 |
<optgroup> | 定义选项组 |
<option> | 定义下拉列表中的选项 |
<button> | 定义一个按钮 |
大多数表单标签都是input标签,输入类型是(type)定义的。
例:<form>
<input type="text" name="first_text">
<input type=‘text‘ name="address" value="广东"> 当需要默认值时用 value属性
<input type="radio" name="姓别" value="boy">
<input type="radio" name="姓别" value="boy" checked="selected" / >(默认选中) 单选
<input type="checkbox" name="老虎">
<input type="checkbox" name="地名",value="江西" checked="selected"> (默认选中) 多选
下拉列表使用到的元素为: select 属性为:option
例:
<select>
<option value="dongfong">东风</option>
<option value="qq" selected="select" >寄瑞</option> selected为默认选择属性 <option value="jili">吉利</option>
</select>
</form>
本例演示如何在数据周围绘制一个带标题的框。
<form>
<fieldset>
<legend>健康信息</legend>
身高:<input type="text" />
三围:<input type="text" />
</fieldset>
</form>
Button 按钮的三个属性
submit | 该按钮是提交按钮(除了 Internet Explorer,该值是其他浏览器的默认值)。 |
button | 该按钮是可点击的按钮(Internet Explorer 的默认值)。 |
reset | 该按钮是重置按钮(清除表单数据)。 |
<form action="form_action.asp" method="get"> First name: <input type="text" name="fname" /> Last name: <input type="text" name="lname" /> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form>