HTML表单基础

表单通常由表单域，表单元素和提示信息三个部分构成。

表单域包含表单元素的区域。

<form></form>用于定于表单域，把中间的信息全部传送给相应位置。

form的属性如下表

属性名	值	说明
action	url地址	提交的地址
method	get/post	提交方式
name	名称	表单域名称

表单控件

• input输入表单元素
• select下拉表单元素
• textarea文本域元素

input

input有一个必须属性type样式

<input type="属性值">

属性值	说明
button	可点击按钮
checkbox	复选框
file	供上传文件
image	图像形式的提交按钮
password	密码
radio	单选按钮
reset	重置按钮
submit	提交按钮
text	输入单行文本

注意:<input type="image" url="图片地址">

        使用单选按钮是，要设置相同的name，才能实现单选

        <input type="radio" name="sex">

        <input type="radio" name="sex">

input其他属性name，value，checked

• name元素的名称
• value元素的值
• checked页面加载是首次选中的
• placeholder占位符

select

    <select>
        <option>中国</option>
        <option>俄罗斯</option>
        <option>意大利</option>
    </select>

label用于绑定文字和表单按钮，增加用户体验