html 收集用户信息笔记

2020-09-03 / 0 评论 / 26 阅读 / 正在检测是否收录...
<form>
        <label for="text">用户名:</label><input type="text" id="text" name="userName" value="用户名"/> <br />
        密码:<input type="password" name="pwd" value="密码"/><br />
        <!-- radio单选按钮 多对一 -->
        label 
        性别:<label for="nan">男<input type="radio" name="sex" value="男" id="nan" checked></label>  
        <label for="nv">女<input type="radio" name="sex" value="男" id="nv" checked></label>  <br />
                <!-- chexkbox复选框 多对多 -->
        爱好: 吃饭<input type="checkbox" name="hobby" value="吃饭">  睡觉<input type="checkbox" name="hobby" value="睡觉">  打豆豆<input type="checkbox" name="hobby" value="打豆豆"> <br/>
        <input type="submit" value="免费注册" />         <br/>
         地区:
        <select>
            <option>陕西</option>
            <option>北京</option>
            <option>广西</option>
            <option>上海</option>
            <option selected="selected">江苏</option>
       </select>
    </form>

input 收集用户信息

<form>
    用户名:<input type="text" /> <br />
    密码:<input type="password"><br />
    <!-- radio单选按钮 多对一 -->
    性别: 男<input type="radio"> 女<input type="radio"><br />
            <!-- chexkbox复选框 多对多 -->
    爱好: 吃饭<input type="checkbox">  睡觉<input type="checkbox">  打豆豆<input type="checkbox"> 
</form>
描述
button定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。
checkbox定义复选框。
file定义文件选择字段和 "浏览..." 按钮,供文件上传。
hidden定义隐藏输入字段。
image定义图像作为提交按钮。
password定义密码字段(字段中的字符会被遮蔽)。
radio定义单选按钮。
text默认。定义一个单行的文本字段(默认宽度为 20 个字符)。
value传输的值
checked默认被选中的按钮 单选按钮 复选框里边设置
maxlenght给值得最大长度 字符 正整数
submit提交按钮
reset重置

label 绑定元素

<label from="six">男<input type="text" id="six" > </label>

select 下拉元素

<form>
   <select>
        <option>陕西</option>
        <option>北京</option>
        <option>广西</option>
        <option>上海</option>
        <option selected="selected">江苏</option>
   </select>
</form>

文本域

文本域 可以输入很多文字

<form>
    简介
    <textarea> 
    
    </textarea>
</form>
本文共 281 个字数,平均阅读时长 ≈ 1分钟
0

打赏

海报

正在生成.....

评论 (0)

取消