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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值