1.表单学习

<form></form>标签

1.form标签学习

<form action="提交页面.html" method="post"> <p>名字：<input type="text" name="usermame" /> </p> <p>密码：<input type="password" name="pwd" /> </p> <p> <input type="submit" name="提交"/> <input type="reset" name="重新置换"/></p> </form>

   post：比较安全，可以传输大文件
   get：url地址中可以看到信息，不安全，高效
   action：表单提交位置，可以提交的是网站，也可以是一个请求地址

2.内部标签学习

1.input

input的form属性规定input元素所属的表单。此属性的值必须等于它所属的form元素的 id 属性。

value：默认初始值：即页面展示值，前端页面可见
name：传输值，传输框可见，可理解传递数据的表字段
maxlength：最大长度，输入文本框内容的长度，比如能输入多少位数
size：文本框的长度

2.type：

属性，决定提交框的属性，常见的有text（文本），password（密码属性，web看不到），submit(提交)，reset（重置）
文本输入框 <input type="text" name="usermame"/> 
密码输入框 <input type="password" name="pwd" />

<head>
	<meta charset="utf-8" />
	<title>表单学习</title>
</head>

<body>
	<h1>注册</h1>
	<form action="提交页面.html" method="get">
        <!--输入框学习”input“-->
		<p>名字：<input type="text" name="usermame" value="slep" /> </p>
		<p>密码：<input type="password" name="pwd" /> </p>
		<p>邮箱：<input type="email" name="email"  value="" /><p>
		<!--数字标签：常用于类似购物车，可设置最大最小值，已经增长的大小-->
		<p>数值：<input type="number" name="number" max="100" min="10" step="10" /></p>
		<!--滑块：类似场景调节声音大小，进度条 -->
		<p>滑块：<input type="range" name="voice" max="200" min="0" step="1"/></p>	
		<p>搜索：<input type="search" name="ser"/></p>	
		<!--文件域：选择本地文件，上传文件框-->
		<p><input type="file" name="files" value="file" /></p>	
		<!--文本域：相当于大文本框 texttarea -->
		<p><textarea name="texttarea" rows="10" cols="50"></textarea></p>
	        <!--单选框 单选框属性，组属性要一致（name一致就是一个组），单选框中需要在同一组，否则就能多选-->
		<p>性别<input type="radio" name="sex" value="boy" />男
		<input type="radio" name="sex" value="boy" />女</p>
		<!--多选框 -->
		<p><input type="checkbox" name="hobby" id="1" value="slep" />睡觉
			<input type="checkbox" name="hobby" id="2" value="daqiu" />打球
			<input type="checkbox" name="hobby" id="3" value="game" />玩游戏
			<input type="checkbox" name="hobby" id="4" value="chat" />聊天
			<input type="checkbox" name="hobby" id="4" value="code" />敲代码
		</p>
		<!--下拉选择框：select（选择） -->
                <p>
        		<select name="列表名称">
				<option value="001">语文</option>
				<option value="002">数学</option>
				<option value="003">英语</option>
				<option value="004">物理</option>
				<option value="005">化学</option>
				<option value="006">地理</option>
				<option value="007">生物</option>
				<option value="008">政治</option>
				<option value="009">历史</option>
				<option value="010">体育</option>
			</select>
		</p>

                    <p> 
   	                <input type="submit" name="sumbit" value="提供" /> 
   	                <input type="reset" name="reset" value="重新" />
                    </p>
		<p></p>
	   </form>
      </body>

前端学习之form表单学习

1.表单学习

1.form标签学习

2.内部标签学习

1.input

2.type：