补表单(html)

最新推荐文章于 2024-07-03 19:41:47 发布

今晚吃火锅呀

最新推荐文章于 2024-07-03 19:41:47 发布

阅读量122

点赞数 2

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

本文链接：https://blog.csdn.net/m0_51683428/article/details/109515435

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

表单

之前漏的一个HTML的内容,昨天看自己的博客才发现,现在补上
在这里插入图片描述

	<body>
		<!-- 
		 <form></form>表单标签(表单中包含很多输入/选择的组件，用户可以输入信息，最终提交给服务器)......组件都写在form中
		 <label></label>通过id联系标签中的内容和
		 <input></input>输入标签,输入的属性都写在input标签中
		 action="服务器地址"
		 metion="提交方式post/get"(不是现在我们应该关心的)
		 组件:
		      type="text"----单行文本输入框(ps:不能换行)
			  id=""----------为标签定义id号,值唯一,自定义值,不能重复.不能用数字开头.
			  name=""--------向服务器端提交数据的键,自定义值,可重复.
			  value=""-------向服务器提交的值.
			  size=""--------宽度(列数)
			  placeholder="请输入账号"---起提示作用,当输入内容后被覆盖.
			  readonly="readonly"-------只读,可以提交不能改.
			  disabled="disabled"-------禁用,不能提交,不能改.
		   ***********
		   ps:凡是选择性组件必须给予默认值.
		   ***********
		 -->
		<form >
			<!-- 
			 checked="checked"默认选中用于单选框中
			 selected="selected"默认选中用于下拉框中
			 -->
			
		<label for="acc1">账号</label>:
		<input type="text"  id="acc1"  size="20" placeholder="请输入账号" /><br>
		<label for="acc2">密码</label>:
		<input type="password"  id="acc2" size="20" placeholder="请输入密码" /><br>
		<!--
		 type="radio"(单选框组件) 
		 ***通过name进行分组,name相同的为一组,一组只能选一个
		-->
		性别:<input type="radio" name="sex" value="男" id="acc3" checked="checked"     />
		<label for="acc3">男</label>
			<input type="radio" name="sex" value="女" id="acc4"   />
		<label for="acc4">女</label><br>
		<!-- 
		type=""checkbox"(多选框组件)
		***通过name进行分组,name相同的为一组,一组可以选多个
		 -->
		课程: <input type="checkbox" name="course" id="acc5" value="JAVA" checked="checked"  />
			<label for="acc5" >JAVA</label>
			<input type="checkbox" name="course" id="acc6" value="HTML"   />
				<label for="acc6" >HTML</label>
			<input type="checkbox" name="course" id="acc7" value="C"  />
				<label for="acc7" >C</label><br>
			
		头像: <input type="file" name="file" accept=".jpg"     /><br>
		<!-- <select></select>下拉框菜单
		         <option></option>----下拉菜单项
				 <option></option>----下拉菜单项
				 <option></option>----下拉菜单项
		 -->
		省份: <select name="province" >
Q:<!-- value??? -->
			<option value="101">上海</option>
			<!--
			 checked="checked"默认选中用于单选框中
			 selected="selected"默认选中用于下拉框中
			 -->
			<option value="610" selected="selected" >陕西</option>
			<option value="101">杭州</option>
			<option value="123">北京</option>
		</select><br>
			<!-- 
			<textara></textarea>-----文本框标签
			 -->
		地址: <textarea  name="address"  rows="5" cols="30">陕西省汉中市</textarea><br>	
		
		<input type="reset" value="重填" />
		<input type="submit" value="提交" />
		<input type="button" value="按钮" />
		
		</form>
		
	</body>

今晚吃火锅呀

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
补表单(html)

表单之前漏的一个HTML的内容,昨天看自己的博客才发现,现在补上 <body> <!-- <form></form>表单标签(表单中包含很多输入/选择的组件，用户可以输入信息，最终提交给服务器)......组件都写在form中 <label></label>通过id联系标签中的内容和 <input></input>输入标签,输入的属性都写在input标签中 action="服务器地址
复制链接

扫一扫