(1)表单的组成
表单域 表单控件 提示信息
(2)表单域(form组成)
代码
action 表示地址 是接收受表单的地址
method表示提交表单拿到方式
name表示表单名字()
<!-- action 表示地址 是接收受表单的地址 -->
<!-- method表示提交表单拿到方式 -->
<!-- name表示表单名字 -->
<form action="处理表单数据的网页.html" method="" name="名字1">
</form>
(3)表单元素(input及后面的属性)
input属性
(type(用户输入类型) name(元素名称) value(未输入时文本框内容)
checked(默认选项) maxlength(输入最大长度))
type =“ ”(写在input里面的属性)
样例
<form action="处理表单数据的网页.html" method="" name="名字1">
<!-- 表单元素 -->
用户名: <input type="text"><br>
密码:<input type="password"><br>
恋爱情况:单身<input type="radio"> 恋爱 <input type="radio"><br>
<!-- checkbox可以实现多选 -->
喜好:吃饭 <input type="checkbox">睡觉<input type="checkbox">小红 <input type="checkbox">
</form>
运行图
name(写在input里面的属性)
一般写在多选一里面 就是选项对应的name名字一样
但可以方便后台查看
value(写在input里面的属性)
输入的东西将在文本框中显示
checked
跟在某一个选项后面,在进入页面后就已经默认选中
maxlength
在输入文本框中的最大限制字数