html表单标记input详解

最新推荐文章于 2024-02-08 16:02:34 发布

个该如何

最新推荐文章于 2024-02-08 16:02:34 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： web前端

本文链接：https://blog.youkuaiyun.com/u011661574/article/details/80550930

web前端专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了HTML中常用的表单元素及其属性，包括文本输入框、密码框、文件上传、复选框、单选按钮、图片提交按钮及提交和重置按钮等。通过这些基本元素的使用示例，帮助读者更好地理解和掌握网页表单的设计与实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 type=text

<input type="text" name="yourname" size="30" maxlength="20" value="输入框的长度为30，允许最大字符数为20"><br>

2 type=password

<form action="">
      密码：<input type="password" name="yourpwd" size="20" maxlength="15" value="123456">密码长度小于15
</form>

3 type=file

  <form action="">
       文件：<input type="file" name="yourfile" size="30">
  </form>

4 type=checkbox

<form name="form1">
　　a:<input type="checkbox" name="checkit" value="a" checked><br>
　　b:<input type="checkbox" name="checkit" value="b"><br>
　　c:<input type="checkbox" name="checkit" value="c"><br>
</form>

5 type=radio

<form name="form1">
　　a:<input type="radio" name="checkit" value="a" checked><br>

6 type=image

 <form action="">
            <input type="image" src="https://ss0.baidu.com/73t1bjeh1BF3odCf/it/u=3466314416,2888444446&fm=73">
          </form>

7 type=submit and type=reset

<form name="form1" action="xxx.asp">
　　<input type="text" name="yourname">
　　<input type="submit" value="提交">
　　<input type="reset" value="重置">
</form>