html中常用的表单

最新推荐文章于 2024-09-20 22:38:40 发布

weixin_52412707

最新推荐文章于 2024-09-20 22:38:40 发布

阅读量261

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_52412707/article/details/124308430

版权

本文详细介绍了HTML中的表单元素，包括`<form>`的`action`和`method`属性，`<input>`的各种类型如文本框、密码框、单选框、多选框，以及`<select>`下拉框和`<textarea>`文本域的使用。通过实例展示了如何创建和提交表单数据，为网页交互提供基础。

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

<!-- action 提交的地址 method 请求方式 常用的有get和post -->
<form action="target.html" method="get">
    <!-- input输入框 type 类型 -->
    用户名: <input type="text" name="username"><br>
    <!-- &emsp; 中文空格   &nbsp; 英文空格 -->
    密&emsp;码: <input type="password" name="possword"><br>

    <hr>
    <!-- name属性两个作用 : 1.提交数据必须要有 2.可以实现分组作用(单选框和多选框) checked 默认选中 -->
    <!-- input radio 单选表单 -->
    性别: <input type="radio" checked name="gender" id=""> 男 <input type="radio" name="gender" id=""> 女 <br>


    <!-- input checkbox 多选表单 -->
    爱好: <input type="checkbox" checked name="hobby" id="">抽烟 <input type="checkbox" name="nobby" id="">喝酒 <input type="checkbox" name="nobby" id="">烫头

    <hr>
    <!-- 下拉框 -->
    <select name="" id="">
        <option value="">郑州</option>
        <option value="">周口</option>
        <option value="">驻马店</option>
        <option value="">洛阳</option>
        <option value="">三门峡</option>
    </select>

    <hr>
    <!-- 文本域 默认是 cols 30 列 rows 10行 -->
    <textarea name="" id="" cols="30" rows="10"></textarea>


        <!-- input submit 提交按钮 -->
    <br><input type="submit" value="提交">

    <!-- <input type="checkbox" name="" id=""> 多选表单
    <input type="radio" name="" id=""> 单选表单
    <input type="submit" value=""> 提交表单
    <textarea name="" id="" cols="30" rows="10"></textarea> 文本域 -->
</form>
``