HTML的表单

前后端交互过程:

HTML的表单_第1张图片

 表单在 Web 网页中用来给访问者填写信息采集客户端信息,使网页具有交互的功能,用户填写完提交后,表单的内容就从客户端的浏览器传送到服务器上,经过服务器上程序处理后,再将用户所需信息传送回客户端的浏览器上。

-name:表单提交时的名称,向后台提交必须有name属性

-action:提交到的地址

-method:提交方式,有get和post两种,默认为get



	
		
		
	
	
		
		
用户名:
密码:

模拟百度搜索:(在网页搜索跳转到百度)

我们先查看百度的源代码

HTML的表单_第2张图片

我们自己创建的文本框name为wd,和百度的搜索框name一样 



	
		
		百度一下,你就知道
		
	
	
		

 input标签使用很广泛,通过type属性的不同值,来表现不同的形态

表单元素必须有一个属性:name 有了name才可以提交数据,才可以采集数据,然后提交的时候会以键值对的形式拼到一起。



	
		
		
	
	
		手机号:
		邮箱地址:
		国籍:
	

HTML的表单_第3张图片

 邮箱地址处的浅灰色提示句是placeholder属性,disable属性可以使value值锁定,不可修改readonly只读属性:只是不能修改,但是其他操作都可以,可以正常提交

单选按钮:type属性为radio

单选按钮一般为互斥,选择A则B就自动取消,所以要选择他们的name属性相同

value属性必须设置,向服务器提交的value值

checked属性是默认被选中

性别:
		

HTML的表单_第4张图片

 我们在body标签内写代码时换行可以通过

标签,也可以通过在前面一行末尾加上

我们在点击按钮时必须要点击小圆圈才可以选中,若想通过点击"男""女"两个字选择,可以使用label标签

复选框:

爱好:
		看书
		台球
		篮球

如果不写value值,则提交的就是按钮的名字

下拉菜单:

type属性为reset时就是重置按钮,将要提交的数据重置(默认值)

你可能感兴趣的:(html,服务器,前端)