web前端day-04标签属性

最新推荐文章于 2024-03-05 23:09:11 发布

weixin_52368930

最新推荐文章于 2024-03-05 23:09:11 发布

阅读量261

点赞数

本文链接：https://blog.csdn.net/weixin_52368930/article/details/115702766

版权

本文详细介绍了HTML中form标签的属性，如action、method、name等，并探讨了GET和POST提交方式的安全性差异。此外，还讲解了单选钮（radio）、复选框（checkbox）、不同类型的按钮以及表单元素如textarea、select、input的多种用途，包括颜色选择、日期设定、邮箱验证等。最后提到了禁用和只读状态的设置，以及iframe的使用场景。

摘要由CSDN通过智能技术生成

form标签：
用于前后端交互的数据输入界面
比如：搜索，注册登录
form属性；
action：数据提交到那里去，#或者空表示提交当前页面，如果是网址在跳转的时候会跳转到这个网址页面
methon：提交数据方式，
get：明文传输，在地址上看得到
post：暗文传输，用于传输大量数据
name:表单名

   表单input组件：
   text：默认的text
   password：
   value：提交给系统的值
   submit：自动跳转相当于刷新

<form action="#" method="get">
    用户名：<input type="text" name="username"><br>
    密码：<input type="text" name="pwd"><br>
    <input type="submit">
</form>

在这里插入图片描述 password
和text的区别

使用get请求的时候会在网址上面显示密码
file:///E:/s19web前端第一阶段/day04-HTML标签文字属性2/作业2.html?username=2019014725&pwd=qwdewed#

post就不会出现这种情况只会在网页的源代码里面的network里面显示（安全性高）
在这里插入图片描述

<form action="#" method="post">
    用户名：<input type="text" name="username" value="uahu"><br>
    密码：<input type="password" name="pwd" placeholder="erh"><br>
    <input type="submit">
</form>

在这里插入图片描述