网页中表单的实现

表单用于收集用户输入的信息，并通过浏览器向网站传送。

如何实现表单？

form标签  表单标签    双标签

声明整个表单，定义数据收集范围。

语法：<form></form>

属性:

• action(表单提交地址)
• target="_self原窗口/_blank新窗口"(表单打开方式的旧新窗口)
• name 所有标签都有该属性
• method="post发送/get获取" (表单提交方法)

常见的表单控件：

input标签  输入框 单标签

语法：<form><input/></form>

属性：

1.type属性

语法：<input type="text/password/radio/checkbox....." /> 

   type的属性值讲解：

                1.框

                        text  文本框/单行文本框

                        password  密码框

                2.单选框、多选框

                        radio  单选框，要实现单选条件，加属性name，默认选中+属性checked

                        checkbox 复选框  ，默认选中+属性checked

                3.文件域

                        file  文件域

                4.按钮

                        submit  提交按钮 ，向服务器发送表单数据 属性value实现更改按钮提示文字

                        reset   重置按钮 ，清空数据

                        button  普通按钮 （button同时也是标签）

                        image  图像域按钮，提交按钮 属性和图片img属性一样。

                        hidden  隐藏按钮

2.placeholder 表单新增属性 

输入框提示信息，模糊提示

语法：<input  type="..."  placeholder="..."/>

textarea标签   文本域标签 双标签

多行文本

语法：<textarea></textarea>

属性：

• cols列数
• rows行数 
• maxlength字符长度(限定文字个数)

select标签  下拉列表标签  双标签

语法：<select></select>

有限设置选项

option标签 列表项标签 双标签

语法：<select><option></option></select>

属性：selected默认选中，放下option里边

新增表单控件（type属性值）：

• email 邮箱
• tel  电话
• number  数值(最大max，最小min，步长stop)
• date  日期
• url  网址
• search  搜索