表单标签 

<!--表单标签：收集用户信息-->
<html>
<head>
<body>

<!--表单域：包含表单元素的区域 action="url地址" method="提交方式" name="表单域名称"-->

<!--表单元素：input:输入表单元素、select:下拉表单元素、textarea:文本域元素-->
<!--input属性：
    text文本
    button定义可点击按钮
    CheckBox定义复选框
    file定义输入字段和浏览按钮，供文件上传
    hidden隐藏的输入字段
    image图像形式提交
    password密码字段
    radio单选按钮
    reset重置按钮
    submit提交按钮
    name:定义元素名称：针对后台人员使用
    value：规定元素值：针对后台人员使用
    checked：规定首次加载时被选中：针对单选和复选按钮
    maxlength：输入做大长度
-->

<!--lable标签：绑定表单元素,增加用户体验-->


<form accept="xxx.php" method="get">
    <label for="text">用户名：</label>  
    <input type="text" id="text" name="name" ><br /><!--text文本-->
    <label for="password">密码</label> 
    <input type="password" name="pwd" maxlength="15" id="password"><br /><!--password密码字段-->
    性别：
        <label for="nan">男</label>
        <input type="radio" name="sex" value="男" id="nan"> 
        <label for="nv">女</label> 
        <input type="radio" name="sex" value="女" id="nv"> <!--radio单选按钮--><br />
    爱好：
        吃饭<input type="checkbox" name="hobby" value="吃饭" checked="checked">
        睡觉<input type="checkbox" name="hobby" value="睡觉">
        打豆豆<input type="checkbox"name="hobby"><br /><!--CheckBox定义复选框-->
    <input type="submit" value="免费注册"><br />
    <input type="reset" value="重置填写">
    <input type="button" value="获取短信验证码"><br /><!--后期结合js使用-->
    <input type="file"><br />


    <!--select下来标签：多项选择-->
    籍贯：
    <select>
        <option>四川</option>
        <option selected="selected">北京</option><!--默认选项-->
        <option>山东</option>
        <option>上海</option>
        <option>广东</option>
    </select>
    <br />

<!--textarea文本域：定义多行文本-->
今日反馈：
<textarea cols="100" rows="5"><!--cols="每行字数" rows="行数"-->
    你是猪
</textarea>
</form>
</body>
</head>
</html>

 

posted @ 2022-03-02 11:23  小耿想努力呀  阅读(29)  评论(0)  编辑  收藏  举报