html表单标签

表单标签(form)

表单是什么

表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,把客户端数据提交至服务器.

表单的类型

<input type="text" id="acid2" placeholder="请输入学号" size="40" value="123" readonly="readonly">

1. input type=“text” 单行文本输入

​ id 为标签定义id号 值是惟一的
​ size 输入框的宽度
​ placeholder 提示信息输入内容后被覆盖
​ readonly="readonly"只能进行读操作

<input type="password" value="123" id="acid3" placeholder="请输入密码"size="40" >

2. input type=“password” 密码框

   value为初始密码

     性别 <input type="radio" name="sex" id="man"  value="男"/><label for="man">男</label>
   	<input type="radio" name="sex" id="nv"  value="女"/><label for="nv">女</label>
   

   3. input type="radio"单选框组件
      通过name属性进行分组 name相同为一组 一组只能选一个

擅长 <input type="checkbox" name="st" value="html" id="html1"/><label for="html1">html</label>
		        <input type="checkbox" name="st" value="java" id="java1"/><label for="java1">java</label>
			    <input type="checkbox" name="st" value="c" id="c1"/><label for="c1">c1</label> 

4. input type="checkbox"复选框组件
   通过name属性进行分组 name相同为一组 一组可以选多个

   头像<input type="file" name="file" accept=".pgf"/> <br>

​ 5. input type=“file” 文件框组件

​ accept 选择文件的类型

   省份<select name="province">
   				   <option value="101">北京</option>
   				     <option value="102" selected="selected">陕西</option>
   					   <option value="103">渭南</option>
   				
   				    </select>

5. select 下拉框 name选项添加在 select里面
   selected="selected"下拉框默认选中

地址<textarea name="adress" rows="5" cols="6"></textarea>

6. textarea 多行文本域

   <input type="reset" value="重置">
   					<input type="submit" value="提交" />
   					<input type="button" value="按钮" />

7. type=""双引号里面为按钮类型 value为按钮上显示的名称

   运行结果