HTML表单和元素

HTML 表单用于搜集不同类型的用户输入。

HTML 表单包含表单元素。表单元素指的是不同类型的 input 元素。

• 文本输入框：<input type="text" name="firstname">         

 如果要正确地被提交，每个输入字段必须设置一个 name 属性，name 属性值为数据名，输入的内容为数据值。

• 密码输入框：<input type="password" name="password">
• 提交按钮：    <input type="submit" value="Submit">           

value为显示在按钮上的文字。该表达元素用于向表单处理程序（form-handler）提交表单的按钮。

 

• 单选：

<input type="radio" checked="checked" name="Sex" value="male" />
<input type="radio" name="Sex" value="female" /> 

可以添加checked = "checked"，实现默认选择。同一个数据名下实现单选功能。

• 复选：

<input type="checkbox" name="fruit" value="banana">
<input type="checkbox" name="fruti" value="apple">

 

• 下拉菜单：

<select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
</select>

value省略时，值为option标签里的值。option标签还可以添加selected="selected"成为预选址

• 按钮：

<input type="button" value="Hello world!"> 

value为按钮上显示的文字。