<!–
表单
为什么会出现表单?
这就要知道表单的作用:将客户端数据发送到服务器然后写到数据库中
说的直白点就是:客户在你的网站上面填写了内容现在要存放到数据库中去,你不可能让他直接接触数据库,所以就通过表单的方式将他想穿的数据插入到你的数据库中去。
既然是HTML中出现的那它肯定有属于自己的标签:<form>
在这个标签中有两个必须的属性是一定要写的:action、method
在浏览器中发送表单或数据给服务器端,使用GET或POST方法都能实现所以就一定要用到method
action对应的是你要将数据存放的地址:URL
method获得客户输入的内容
get:附加URL 缺点:长度不能超过8192个字符,超过可能丢失数据;安全性不高(以明文的形式显示);不能传递ASCII
post:提交的内容在表单主体中;如果使用上传必须用post
表单还能有自己的名字:name;对象:target;标题:title;该属性可设置或返回用于编码表单内:enctype
<form action=”” method=”” name=”” target=”” title=”” enctype=””></form>
–>
文本域
<p></p>
这是一个文本框: <input type=”text” name=”t” />
<p></p>
密码:<input type=”password” name=”p” />
<!–这个后面的type如果是password那么在文本框中你输入的内容是看不到的–>
<p></p>
多文本域
<p></p>
<textarea name=”t” rows=”6″ cols=”20″></textarea>
<!–这个就像百度中回答问题的那个的–>
<p></p>
复选框:
<input type=”checkbox” name=”check” value=”subject[]” checked=”checked” /><br />
<input type=”checkbox” name=”check” value=”subject[]” /><br />
<input type=”checkbox” name=”check” value=”subject[]” />
<p></p>
单选按钮:男:<input type=”radio” name=”male” checked=”checked” /> 女:<input type=”radio” name=”female” />
<!–在一组单选按钮中它们的name必须是相同的–>
<p></p>
下拉框:
<p></p>
<select name=”select”>
<option value=”0″>–请选择–</option>
<option value=”1″>北京</option>
<option value=”2″>上海</option>
<option value=”3″>香港</option>
</select>
<p></p>
下拉列表:
<p></p>
<select name=”select” size=”5″>
<option value=”0″>–请选择–</option>
<option value=”1″>北京</option>
<option value=”2″>上海</option>
<option value=”3″>香港</option>
</select>
<p></p>
多选列表框
<p></p>
<select name=”select” size=”5″ multiple=”multiple”>
<option value=”0″>–请选择–</option>
<option value=”1″>北京</option>
<option value=”2″>上海</option>
<option value=”3″>香港</option>
</select>
<p></p>
<!–上面的三种只要好好的在浏览器中看一下就知道是什么意思的–>
隐含域
<p></p>
<input type=”hidden” value=”隐藏” />
<p></p>
四种按钮方式
<input type =”submit” value =”提交” />
<input type=”button” value=”清空” />
<input type=”reset” value=”重置” />
<!–
button和reset的区别
当文本框中设置默认值了的时候,用button能将默认值清除,reset不能;但是button用起来相当麻烦要是一个页面有10个文本框要想将这10个中的值都清楚就要将每个都依次清楚。
–>
原文链接:https://www.cnblogs.com/meroselove/archive/2010/09/25/1834878.html
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/32699