form表单

最新推荐文章于 2022-05-19 00:35:21 发布

jhon_knight

最新推荐文章于 2022-05-19 00:35:21 发布

阅读量64

点赞数 1

分类专栏： WEB前端文章标签： HTML

本文链接：https://blog.csdn.net/jhon_knight/article/details/88915182

版权

WEB前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form表单</title>
</head>
<body>
    <!--form表单method属性默认为get-->
    <!--post无数据限制，get传递数据有最大限制，其传递信息暴露，不宜用于传递密码等隐私信息-->
    <form action="test.html" method="POST">
    <fieldset ><legend>隐私输入</legend>
    <label>姓名<input type="text" name="name" value="请输入姓名"><br><label
    <lable for="demo">密码</label><input id="demo" type="password" name="password"><br>
    性别：男<input type="radio" name="sex" value="nan" checked="checked">
        女<input type="radio" name="sex" value="nv"><br>
    </fieldset>
    爱好:游泳<input type="checkbox" name="favorite" value="youyong">
        打球<input type="checkbox" name="favorite" value="daqiu"><br>
    省份：<select name="province">
        <option value="null" selected="selected">--请选择省份--</option>
         <option value="hunan">湖南</option>
         <option value="henan">河南</option>
         <option value="taiwan">台湾</option>
         <option value="guangzhou">广州</option>
        </select><br>
    <input type="submit" value="确认并提交"><br>
    <input type="reset">
    </form>
</body>
</html>

1，form标签必须要有action属性，属性url地址规定表单数据提交处。
2，form中每个input标签都要有name属性，因为数据提交是以name键值对的形式提交的。
3，非键盘输入的input标签都要有value值（单选框radio和复选框checkbox），因为此类标签无输入值，而键盘输入的input标签也可以设置value值（text），设为默认或提示值。
4,submit类标签用于提交，reset类标签用于重置设置。

jhon_knight

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
form表单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>form表单</title></head><body>  &l...
复制链接

扫一扫

专栏目录