HTML5中form表单功能介绍分享

form表单,能发送数据,非常重要<form></form>

form method = “get/post”这是form发送数据的两种方式

action = “http://ssffg.php”这是发送给谁,就是action的位置

form表单里面还需要配合input来写,input里面需要type

<input type = “text”> //这个是输入框的意思

<input type = “password”> //这个是密码框的意思,默认是暗文

<input type = “submit”> //这个是提交的组件,也就是登录

<input type = “submit” value = “login”> //这样就改变了提交框的值

<input type = “radio”> //是单选框

<input type = “checkbox”> //是复选框

要注意语义化,所以用p标签更好,p标签天生的功能就是换行

HTML5中form表单功能介绍分享HTML5中form表单功能介绍分享

这种方式发送不了数据 发送数据要注重数据的主题(数据名)和数据的内容(数据值),缺一不可,没有这个就发送不了数据

<input type = “text” name = “1234”> 此处name是数据名,1234是数据值,此处1234可以随便填,最好填写接近意思的英文单词,方便使用

HTML5中form表单功能介绍分享

html?后面有值,就是发送成功的体现

另外,暗文是仅对自己不可见,受网安局监管的公司,一般用md5,不可逆的加密方式

<input type = “radio” name = “star”>是单选框,此处的name里面的值一样的,是告诉浏览器你们是一道题,那么这个时候就没有填数据值的地方了,可以写个value = “”来储存数据值

HTML5中form表单功能介绍分享

<input type = “radio” name = “star” value = “”>此处的name里面的值一样的,是告诉浏览器你们是一道题,那么这个时候就没有填数据值的地方了,可以写个value = “” 来储存数据值,下面也是在form表单中填写

HTML5中form表单功能介绍分享