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>

wKiom1ZhR2KjC4zIAABAs0RUJ1Q625.jpg

本例演示如何在数据周围绘制一个带标题的框。

<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>