最新消息:

HTMlL基本语法(四)——HTML的表单

Html 大步 842浏览 0评论

p表单的作用

HTML 表单用于搜集不同类型的用户输入。如注册页面和登陆等,就是典型的表单。

<form>标签及其属性
 <from></form>标签对用来创建一个表单,即定义表单的开始和结束位置,<form>标签具有下面等属性。
  •  action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。相对和绝对
  •  Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式,取值可以为:GET或POST.
  •  Target属性用来指定服务器返回结果显示的目标窗口或目标帧。
  •  Title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时,浏览器用黄色小浮标显示的文本(如表单的名称或描述)。
  •  Enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值:

application/x-www-form-urlencoded(默认的设置)
multipart/form-data(一般上传文件用这个)

表单字段元素(1)
  •  <input type=“submit”>
  •  <input type=“reset”>
  •  <input type=“text”>
                属性:size、value、maxlength、readonly、disabled
  •  <input type=“checkbox”>
               属性:checked 默认勾上
  •  <input type=“radio”>单选框,name相同为一个组,才能选。Checked是默认选上。
  •  <input type=“hidden”>隐藏表单,传递重要数据。
  •  <input type=“password”>
  •  <input type=“button”>

表单字段元素(2
  •  <input type=“file” >上传文件,必须是post,且是multipart/form-data
  •  <input type=“image” scr=“图片地址”>一样可以登录
  •  <select></select><option></option>下拉列表,option里面写选项。有value,则传递value值;没有则传递option间的数值

<select>标签的属性:multiple表示多选列表、size,name 表示显示几个选项
<option>标签的属性:value、selected表示默认被选择的
如何在列表中实现取消选项

  •  <textarea></textarea>多行文本域
                    属性:cols列、rows行,name
  •  <label>快捷键操作
                    属性:for指定为谁做快捷键的id、accesskey指定快捷键是哪个

 

转载请注明:大步's Blog » HTMlL基本语法(四)——HTML的表单

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
SiteMap