WEB前端程序开发

2018-10-25 表单

2018-10-25  本文已影响0人  不知道取个什么昵称不如娶个媳妇

表单的作用:用来收集用户的相关信息
表单标签:

<form name="表单的名称" method="表单提交方式" action="表单提交地址"></form>
method:POST或者GET

notice : post get 的区别

get大多时间是用来获取api的数据
post大多数用来向服务器传递数据

get是把参数数据列队加到提交表单的action属性所指的url中,在url中可以看到
post是通过http post机制,用户看不到信息,当然也不是绝对安全,f11打开浏览器调试窗口可以看到

get传输的数据量比较小,不能大于2kb。
post传输的数据量比较大,一般默认为不受限制

get安全性比较低,post安全性比较高
get执行效率比post要高

文本框:

<input type = "text" value = "默认值">

密码框:

<input type = "password" >

提交按钮:

<input type = "submit" value="按钮内容">

重置按钮:

<input type="reset" value="按钮内容">

单选框/单选按钮:

<input type="radio" name="rad">
单选按钮里的name属性必须写,同一组单选按钮的name属性的值必须一样

复选框:

<input type="checkbox" name="check">
<input type="checkbox" name="check" disabled="disabled">
disabled属性:disabled为禁用 checked默认选中

下拉菜单:

<select name="sel">
  <option value="值">菜单内容</option>
  <option value="值">菜单内容</option>
  <option value="值">菜单内容</option>
</select>

多行文本框:

<textarea name="name" cols="字符宽度" rows="行数"></textarea>

按钮:

<input type="botton" value="按钮内容">
//他与submit的区别在于submit是用来提交数据的,而botton只能用来跳转页面
上一篇下一篇

猜你喜欢

热点阅读