JavaWeb☞HTML

最新推荐文章于 2024-09-14 18:52:56 发布

每天只想发大财

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量81

点赞数

分类专栏： javaweb 文章标签：前端

本文链接：https://blog.csdn.net/Rewon_duang/article/details/123735571

版权

javaweb 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

表单-form

input type="text"表示文本框，其中name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的；
input type="password" 表示密码框
input type="radio" 表示单选按钮。需要注意的是，name属性值保持-一致，这样才会有互斥的效果;可以通过checked属性设置默认选中的项
input type="checkbox" 表示复选框。name属性值建议保持一-致，这样将来我们服务器端获取值的时候获取的是一个数组
select表示下拉列表。每一个选项是option,其中value属性是发送给服务器的值，selected表示默认选中的项
textarea表示多行文本框(或者称之为文本域) ,它的value值就是开始结束标签之间的内容
input type="submit"表示提交按钮
input type="reset" 表示重置按钮

input type="button" 表示普通按钮

<html>
    <head>
        <title>表单的学习</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <form action="demo04.html" method="post">
            昵称：<input type="text" value="请输入你的昵称"/><br/>
            密码：<input type="password" name="pwd"/><br/>
            性别：<input type="radio" name="gender" value="male"/>男
                  <input type="radio" name="gender" value="female"/>女<b/r>
            爱好：<input type="checkbox" name="hobby" value="baseketball"/>篮球
                  <input type="checkbox" name="hobby" value="soccer"/>足球
                  <input type="checkbox" name="hobby" value="running"/>跑步<br/>
            星座：<select name="star">
                    <option value="1">白羊座</option>
                    <option value="2">金牛座</option>
                    <option value="3">巨蟹座</option>
                    <option value="4">天蝎座</option>
                    </select><br/>
            备注：<textarea name="remark" rows="4" cols="50"></textarea><br/>
            <input type="submit" value="注册"/>
            <input type="reset" value="重置"/>
            <input type="button" value="这是一个普通的按钮"/>
        </form>

    </body>
</html>