HTML常用表单元素使用

HTML表单(form)是网页中最重要的交互元素之一,它可以让用户填写信息并向服务器提交数据,然后在服务器端进行处理。常用的表单控件有:

1.文本输入框:

<input type="text" values=""
placeHolder="输入框提示" id=""id name="输入框名字"
disabled="禁用" readonly="只读" repuired="输入框必填"
hidden="隐藏" pattern="正则表达式" maxlength="最大长度"
minlenght="最小长度" size="输入框的长度">

效果图如下:
在这里插入图片描述

2.密码输入框:

<input type="password" values="">

效果图如下:
在这里插入图片描述

3.邮箱输入框:

<input type="email" values="">

效果图如下:
在这里插入图片描述

4.手机输入框:

<input type="tel" values="">

效果图如下:
在这里插入图片描述

5.文件:

<input type="file" values="">

效果图如下:
在这里插入图片描述

6.滑块:

<input type="range" values="">

效果图如下:
在这里插入图片描述

7.搜索:

<input type="search" values="">

效果图如下:
在这里插入图片描述

8.单选按钮:

<input type="radio" values="">

效果图如下:
在这里插入图片描述

9.复选框:

<input type="checkbox" values="">

效果图如下:
在这里插入图片描述

10.下拉框:

<select name="名字" id="id"><-option values="下拉框的值"></option></select>

效果图如下:
在这里插入图片描述

11.文本域:

<textarea values="">

效果图如下:
在这里插入图片描述

12.提交:

<input type="subit" values="提交">

效果图如下:
在这里插入图片描述

13.重置:

效果图如下:

<input type="reset" values="重置">

在这里插入图片描述

14.按钮:

<input type="button" values="按钮"></button>

效果图如下:
在这里插入图片描述
在这里插入图片描述

这些元素和属性可以在HTML中灵活使用,以满足不同的表单需求。
如有遗漏欢迎评论区补充哈~

  • 14
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值