表单基础知识

<!--表单元素
<form action="表单提交的位置" method="提交的方式">
<input type="表单元素类型" name="键" vaule="值">

</form>
提交的方式(2种):1、get方式:将表单中所有表单元素以键值对的方式在url提交给服务器
提交地址:键1=值1&键2=值2?user+zhangsan&pwd=123456&hide=123#
提交的数据大小有限制,不安全
2、post方式
提交安全,数据大小没限制

表单元素类型:
文本类型:
文本框:text (placeholder,可以灰色字显示在框里)
密码框:password
隐藏域:hidden
按钮类型:
submit:提交按钮
reset:重置按钮
button:普通按钮
选择类型:
1、单选:radio
注意:需要设定name属性进行分组(因为需要单选取值)
2、多选按钮:checkbox

label标签,点字就能选选项
checked属性,默认选中
文件类型:
file属性:文件上传
下拉框:
<select name="键">
<option value="值1">选项一</option>
<option value="值2">选项二</option>
<option value="值3">选项三</option>
</select>
默认值:selected
文本域:
<textarea></textarea>


-->
</head>

<body>
<form action="#" method="post">
用户名:<input type="text" name="user" placeholder="请输入用户名"> <br>
密码: <input type="password" name="pwd"><br>
<input type="hidden" name="hide" value="123">
性别:
<label>男<input type="radio" name="sex" value="man" checked></label>
<label>女<input type="radio" name="sex" value="women"></label> <br>
爱好:
足球<input type="checkbox" name="hobby" value="zq" checked>
蓝球<input type="checkbox" name="hobby" value="lq">
排球<input type="checkbox" name="hobby" value="pq"> <br>
文件上传:
<input type="file"> <br>
城市:
<select name="city" >
<option value="zb">淄博</option>
<option value="bj" selected>北京</option>
<option value="sh">上海</option>
</select> <br>
个人简介:
<textarea name="person" id="" cols="30" rows="10"></textarea>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="普通按钮">
</form>

猜你喜欢

转载自www.cnblogs.com/hankai2735/p/11040263.html