表单相关元素

本文详细介绍了HTML表单中的GET和POST提交方式的区别,包括数据量、速度和安全性。接着,讲解了表单的常用元素,如input(包括不同类型的输入框)、select(下拉框)、textarea(文本域)以及label和button的用法。还提到了label标签对于提升用户体验的重要性,并推荐使用input实现按钮功能。
摘要由CSDN通过智能技术生成

1.表单标签

        <form action="数据提交的地址" method="get或者post"> 提交的数据</form>

        get和post的区别

                get追加地址栏,数据量小,快,不安全

2.表单元素

         1.输入框 input

         <input type="text/password/radio/checkbox/file/hidden/submit/reset/button'

         name="名字"value="值"placeholder="提示文字" readonly disabled maxlength="">

         说明:checked属性只有单选和复选的默认选中项有该属性.

                  hidden是当想要提交不被用户看到的信息的时候.

        2.下拉框

        语法:

                <select name="" id="">

                        <option value="">选项</option>

                </select>

                说明:option的属性有value,如果设置了value, value的值会被传送到后台,如果没有就传送标签的内容
                option的属性selected,是设置当前选项被默认选中.

        3.文本域

                语法:

                        <textarea name="" id="" cols="30" rows="10"></textarea>

                说明:项目中是通过给文本域设置宽高的方式改变大小,而不是通过行列的设置.
                           标签之间不能有任何空格和换行

        4.label标签(增加用户体验)

                语法1:

                          <input id="aa">

                          <label for="aa">关联内容</label>

                语法2:

                        <label ><input type="text" name="" id="">关联的内容</label>

        5.按钮标签

                语法:

                        <button type="submit/reset/button">按钮上显示的文字</button>

                说明:推荐使用input实现按钮.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

stay calm~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值