表单

本文详细介绍了HTML表单的基础知识,包括表单的提交方式(GET和POST),不同类型的输入元素如文本框、密码框、单选和复选框等如何使用及注意事项。还解释了按钮的不同类型及其功能。
form是块级
输入框是行级
action:指定表单数据提交的地址
method:表单数据提交的方法
为了往服务器提交数据时,提交的数据清晰易懂方便处理;
1:普通的输入框,需添加name属性,来保证键值对的完整
2:非输入框,需要添加name和value属性,来保证键值对的完整。name还有分组的作用,
    单选框,相同name的是一组,单选框中同一组内的选项有互斥的效果。
    复选框,也需要name属性来表明当前的多项是一组
通过get请求往服务端提交数据的时候,提交的数据会追加在url地址的后面。
以?进行分隔,多个数据之间用&分隔。
get请求的缺点:暴漏敏感信息     传输信息有限
get请求的优点:传输速度快,
post请求:传输的数据放在请求体中,而不是暴漏在URL地址后面
post优点:可以隐藏敏感的信息,传输的数据多少没有限制
post缺点:传输速度慢


按钮四个:
type:reset、submit、image   重置、提交、具有提交功能的图片
<form action="ccy.php" method="post">
    姓名:<input type="text" name="name"/><br/>
    密码:<input type="password" name="pwd"/><br/>
    <!--name的属性值相同才是单选-->
    性别:<input type="radio" name="sex" value="man"/>男
         <input type="radio" name="sex" value="women"/>女
         <input type="radio" name="sex" value="secret"/>保密<br/>
    爱好:<input type="checkbox" name="hobby" value="b"/>篮球
         <input type="checkbox" name="hobby" value="f"/>足球
         <input type="checkbox" name="hobby" value="y"/>羽毛球 <br/>
         <input type="file"/>
         <input type="reset" value="重置"/>
         <input type="submit" value="提交"/>
         <input type="image" src="../../img/a.png"/>
         <button></button>
</form>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值