form表单
使用时机当前后端有数据交互的时候用form表单
form表单提交数据的几个注意事项:
1.所有获取用户输入的标签都必须放在form表单里面
2.action控制着往哪提交
3.input\select\textarea都需要有name的属性,nane属性类似于字典中的键能方便在后端数据的找寻
4.提交按钮
用form表单的语句制作一个简单的注册网页:

1.       　　　　                    网页表单示例                                        用户名:                           
2.             密码:                           
3.             性别:                男                     女                保密                  
4.             爱好:            篮球            射击            跳伞            溜冰            
5.                                                 中国                    日本                    美国                                                                            福建                        山西                        广东                        河南                        上海                                                                北海道                        神奈川                        东京                        冲绳                        大阪                                                                费城                        纽约                        芝加哥                        洛杉矶                        休斯顿                                                
6.                             生日:            
7.                                        
8.                                        
9.                             头像:                           
10.             邮箱地址:                                   
11.                                        
12.             只读文本:                           
13.                                        
14.                                        
15.                                        
16.             

复制代码

网页效果:

归纳:
常用类型的功能有:text(文本)、password(密码)、radio(单选框)、checkbox(多选框)、date(日期)、datatime(时间)、file(文件)、button(按钮,一般使用JS给它绑定)、sumbit(提交)、textarea(大文本)、select(下拉菜单)、option(具体的下拉菜单)、optgroup(分组的下拉框)
表单属性:

属性	值	描述
accept	MIME_type	HTML5不支持,规定服务器接收到的文件的类型。（文件是通过文件上传提交的）
accept-charset	character_set	规定服务器可处理的表单数据字符集。
action	url	规定当提交表单时向何处发送表单数据
autocomplete	on/off	规定是否启用表单的自动补全的功能,比如第二次输入用户名,HTML5会帮你自动填补信息。
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
method	get/post	规定用于发送表单数据的 HTTP 方法。
name	text	规定表单的名称。
novalidate	novalidate	如果使用该属性，则提交表单时不进行验证。
target	_blank/_self/_parent/_top	规定在何处打开 action URL。

select的一些补充
①multiple　可进行多选

1.                           　　　　                 黄色                蓝色                红色                橘色                 

复制代码

网页效果:

②disabled 不可用
③selected　默认选中某一项

1.                               黄色               蓝色               红色               橘色               null               

复制代码

网页效果:

④value 定义提交的选项值

label的一些补充
label标签就是input元素的一个定义,这样写会更加规范

1.                   用户名                  
2.                   密码                  

复制代码

通过点击label标签名也可以对radio去选中

1.       　　　　                    网页表单示例                             性别1:                男                女                保密            
2.             性别2:                男                                女                                保密                           
3.             

复制代码

另外一种写法(推荐):

1.       　　　　                    网页表单示例                                            性别                    男                                                                女                                                                保密                                                                        
2.             

复制代码

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！

form表单
使用时机当前后端有数据交互的时候用form表单
form表单提交数据的几个注意事项:
1.所有获取用户输入的标签都必须放在form表单里面
2.action控制着往哪提交
3.input\select\textarea都需要有name的属性,nane属性类似于字典中的键能方便在后端数据的找寻
4.提交按钮
用form表单的语句制作一个简单的注册网页:

1.       　　　　                    网页表单示例                                        用户名:                           
2.             密码:                           
3.             性别:                男                     女                保密                  
4.             爱好:            篮球            射击            跳伞            溜冰            
5.                                                 中国                    日本                    美国                                                                            福建                        山西                        广东                        河南                        上海                                                                北海道                        神奈川                        东京                        冲绳                        大阪                                                                费城                        纽约                        芝加哥                        洛杉矶                        休斯顿                                                
6.                             生日:            
7.                                        
8.                                        
9.                             头像:                           
10.             邮箱地址:                                   
11.                                        
12.             只读文本:                           
13.                                        
14.                                        
15.                                        
16.             

复制代码

网页效果:

归纳:
常用类型的功能有:text(文本)、password(密码)、radio(单选框)、checkbox(多选框)、date(日期)、datatime(时间)、file(文件)、button(按钮,一般使用JS给它绑定)、sumbit(提交)、textarea(大文本)、select(下拉菜单)、option(具体的下拉菜单)、optgroup(分组的下拉框)
表单属性:

属性	值	描述
accept	MIME_type	HTML5不支持,规定服务器接收到的文件的类型。（文件是通过文件上传提交的）
accept-charset	character_set	规定服务器可处理的表单数据字符集。
action	url	规定当提交表单时向何处发送表单数据
autocomplete	on/off	规定是否启用表单的自动补全的功能,比如第二次输入用户名,HTML5会帮你自动填补信息。
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
method	get/post	规定用于发送表单数据的 HTTP 方法。
name	text	规定表单的名称。
novalidate	novalidate	如果使用该属性，则提交表单时不进行验证。
target	_blank/_self/_parent/_top	规定在何处打开 action URL。

select的一些补充
①multiple　可进行多选

1.                           　　　　                 黄色                蓝色                红色                橘色                 

复制代码

网页效果:

②disabled 不可用
③selected　默认选中某一项

1.                               黄色               蓝色               红色               橘色               null               

复制代码

网页效果:

④value 定义提交的选项值

label的一些补充
label标签就是input元素的一个定义,这样写会更加规范

1.                   用户名                  
2.                   密码                  

复制代码

通过点击label标签名也可以对radio去选中

1.       　　　　                    网页表单示例                             性别1:                男                女                保密            
2.             性别2:                男                                女                                保密                           
3.             

复制代码

另外一种写法(推荐):

1.       　　　　                    网页表单示例                                            性别                    男                                                                女                                                                保密                                                                        
2.             

复制代码

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！