web前端——表单元素

表单:就是我们在注册帐号时所填写信息的地方。比如:

帐号密码输入框,生日下拉选择,性别单选,按钮等。

<input>标签:就是我们填写东西所需要的容器,而改变它的类型就可以变成不同的容器。

<input type="text">文本输入框 可以加上value属性设置默认值,也可以加上placeholder属性进行提示文字设置。

<input type="password">密码输入框

<input type="button">按钮 可以加上value属性进行文字设置

<input type="radio">单选按钮,如果想要它生效,还要给它一个name属性,名字写成一样。

<input type="checkbox">多选框按钮,也叫复选按钮,通常用于爱好选择。

<input type="reset" value="重置">重置按钮,清空输入的内容,但是要放在<from>表单标签里面才生效

<form>
    用户名:<input type="text" placeholder="请输入用户名"><br>
    密码: <input type="password"><br>
    性别:<input type="radio" name="gender" checked="checked"><input type="radio" name="gender"><br>
    生日:<select>
            <option>1990</option>
            <option>1991</option>
            <option>1992</option>
        </select>    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select><br>
    爱好:<input type="checkbox">吃饭<input type="checkbox">睡觉<input type="checkbox">洗脚<br><br>
    <input type="button" value="提交">
    <input type="reset" value="重置">
</form>

猜你喜欢

转载自blog.csdn.net/xishaoguo/article/details/79467090
今日推荐