表单的一些样式以及属性

ZHundreds

已于 2022-05-15 08:58:38 修改

阅读量594

点赞数

文章标签： web html5 前端 css

于 2022-04-22 19:21:55 首次发布

本文链接：https://blog.csdn.net/qq_52908359/article/details/124352821

版权

本文介绍了HTML5中form表单的type类型，强调了submit与button的区别。同时，详细讲解了下拉选择框select/option和文本域textarea的使用。接着，讨论了form表单的get和post两种提交方法，post方法能确保信息安全性。此外，还提到了action属性用于设置表单数据的提交地址，并提及了改变鼠标指针类型的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.form表单元素的type类型：

text	文本框
password	密码（显示密文）
radio	单选
checkbox	复选
button	按钮
submit	提交
reset	重置
file	文件
hidden	隐藏

注：在使用submit按钮时，点击它会将表单新题提交到指定的位置，而button不能实现这一功能

（1）.下拉选择框：select/option

（2）.文本域：textarea;

3. form表单的提交方法以及两种提交方法：

method 提交方式：

（1）.get请求：信息会拼接在地址后，显示用户名的信息，不安全；

（2）.post请求：信息会被打包，不会显示在地址栏，信息安全。

注：其中get请求时默认值.

action: form表单的数据提交地址

5. 改变🖱指针类型：

<style>
   /* 伪类选择器 */
        #submit:hover{
            background-color: blue;
            /* 指针变成小手 */
            cursor: pointer;
        }
    </style>
</head>
<body>
    <form action="https://www.baidu.com/s">
        <div class="search">
           <input type="text" id="search" name="wd">
           <input type="submit" id="submit" value="百度一下">
        </div>
    </form>
</body>
</html>