form表单具体用法

定义和用法:

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menustextareafieldsetlegend 和 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值

猜你喜欢

转载自blog.csdn.net/qq_40860137/article/details/83990572