HTML表格元素

最新推荐文章于 2024-06-08 05:46:21 发布

Changkaix

最新推荐文章于 2024-06-08 05:46:21 发布

阅读量489

点赞数

文章标签： list django

本文链接：https://blog.csdn.net/Changkaix/article/details/123666181

版权

本文详细介绍了HTML中常见的表单元素，包括文本输入框、密码输入框、单选框、多选框、列表框和不同类型的按钮。文本输入框用于明文输入，密码输入框则对内容加密显示。单选框和多选框分别用于二选一和多选情况，其中name属性需相同以实现互斥。列表框允许用户从预设选项中选择，而按钮则包括普通、重置和图片提交功能。文件域则用于上传文件。

摘要由CSDN通过智能技术生成

输入框
   1.用户名：<input type="text" value="" name="user" size="15" maxlength="6">
输入框的内容是明文
type 元素类型，默认是text
value 元素初始值
name 表单元素的名称
size 元素的初始宽度
maxlength 输入的最大字符

2.密码：<input type="password" value="" name="" size="" maxlength="">
密码框的内容是加密的

3.单选框：
例：<input type="radio" name="sex" value="nan"> 男

<input type="radio" name="sex" value="woman" checked> 女
单选框如果想二选一，name值必须是一样的
checked表示默认选中的是这个

4.多选框
选择想买的车
<input type="checkbox" name="baoma" value="a" checked> 宝马
<input type="checkbox" name="aodi" value="b" >奥迪
<input type="checkbox" name="bc" value="c">奔驰
checked 默认选中

5.列表框
我想买的车
<select name="car" size="1">

</select>

按钮
1.普通按钮： <input type="button" value="普通按钮" name="btn">

2.重置按钮： <input type="reset" name="reset" value="重置按钮”

3.图片按钮： <form><input type="image" src="./" name="imgName"></form>
<input type="image">是具有提交功能可以把数据提交给后台
<input type="image">值是点击图片时候的坐标
x表示x轴 y表示y轴

文件域
<form method="post" enctype=""
<input type="file" name="fileName">
<imput type="subimt value="提交"