定义和用法:
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
基本代码规范:
<form action="发送的位置连链接" method="post/get(发送的方式)">
<input type="text" name="" value="">
<input type="submit">(提交按钮)
</form>
解析:
type有很多种:
text(文本框),
password(密码框),
radio(单选框,类似于单项选择题,要求name值一致),
checkbox(复选框,相当于多项选择题,同样要求name值一样),同时要注意单选框和复选框有个checked="checked"的属性,是用来标记该框,不需要你点击就已经标记好了
注意:要想让表单提交到所想要传送的地址,input里面必须同时写name值和value值,因为text和password的内容是用户来填写的,所以可以不写value值,只写name值就行了,
在这里还要介绍form除了可以制作表单外还可以做下拉菜单,如下:
<form method="post" action="XXX">
<h1>Province!</h1>
<select name="province">
<option value="湖北省">山西省</option>
<option value="">广东省</option>
<option value="">河南省</option>
</select>
</form>
执行结果如下:
是不是很perfect,哈哈哈,但是为什么option标签没有写name值,是因为select和option标签是父子标签,父标签写了就相当于给字标签统一定义了name值