HTML5 form表单提交常用属性以及简单实例

最新推荐文章于 2022-11-10 19:15:01 发布

原创最新推荐文章于 2022-11-10 19:15:01 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

HTML 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了HTML表单中的各种元素及其使用方法，包括文本输入框、单选按钮、复选框、文件上传、下拉选择框、文本区域和提交按钮等。通过实例展示了不同表单元素的功能和应用场景。

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

		<form action="/servlet" method="post" >
			
			<!-- type类型很多 提交会把name 和数据一同提交缺一不可 所以name不能为空-->
			<input type="text" name="uesrname" id="" value="" />
			
			<!-- radio 单选按钮 name相同时只能选择其一 实例如下 -->
			<input type="radio" name="sex" id="" value="1" />男
			<input type="radio" name="sex" id="" value="2" />女
			
			<!-- 多选框 可以多个选择  -->
			<input type="checkbox" name="favr" id="" value="1" />
			<input type="checkbox" name="favr" id="" value="2" />
			
			<!-- 提交类型非文本时需要 在form中加enctype="" 后台也要加注释才能接收 图片上传 -->
			<input type="file" name="" />
			<!-- 非input属性 下拉选择框 -->
			<select>
				   <!--select默认是选中状态  hidden隐藏  -->
                    <option value ="1" selected hidden >---城市---</option>
					<option value ="2">雄安</option>
					<option value ="3">河北</option>
					
			</select>
			
			<!-- 非input 文本输入框 中间为value值 一般用于多文字的输入需求 如个人介绍 -->
			<textarea >这是value值</textarea>
			
			<!-- 提交 有的时候会在提交数据中加入id(非表单数据) 这样就要用到js 在函数里边写 -->
			<input type="submit" value=""/>
						
		</form>