【精选】HTML常用表单元素使用?

常使用的表单控件有:

1.文本输入框:
<input type=“text” values=“值”
placeHolder=“输入框提示语” id=""id name=“输入框名称”
disabled=“禁用” readonly=“只读” repuired=“输入框必填选项”
hidden=“隐藏域” pattern=“正则表达式” maxlength=“最大长度”
minlenght=“最小长度” size=“输入框的长度”>

<form action="#">
常用表单元素

密码输入框:<input type=“password” values=“值">

邮箱输入框: <input type=“Emal” values=“值">

手机输入框:<input type="tel” value="值">

文件:<input type="file”values=“值">

滑块:<div>
    <input type="range" id="volume" name="volume" min="0" max="11" />
    <label for="volume">Volume</label>
</div>


搜索:<input type="search” values=“值">

单选按钮:<input type="radio" values="值">

复选框:<input type="checkbox" values="值">

下拉框:<select name="名称” id="id">
<option values="下拉框的值">1</option>
<option>2</option>
<option>3</option>
</select>
提交:<input type="submit" values="提交">

重置:<input type="reset” values=“重置">

按钮:<input type="button” values="按钮">

文本域:<textarea values="值">

 url:<input type="url" value="值">
</form>

注意: 表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值