创建: 2019/05/08

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。
 <form>

 <form> 元素定义 HTML 表单

<form>
    ...
</form>

 ● 选项

 

 accept-charset

 规定在被提交表单中使用的字符集

 ● 默认 页面字符集
 action

 指定提交表单到哪里

 ● 默认 当前页面
 autocomplete

 规定浏览器应该自动完成表单 

 ● 默认 开启
 enctype

 规定被提交数据的编码

 ● 默认 url-encoded
 method

 指定提交表单的方法(GET/POST/...)

 ● 默认 GET
 name

 规定识别表单的名称

 ● 对于DOM使用：document.forms.name
 novalidate

 规定浏览器不验证表单
 target

 规定 action 属性中地址的目标

 ● 默认 _self

 
 表单元素

 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
 <fieldset>

 <fieldset> 元素组合表单中的相关数据

 <legend> 元素为 <fieldset> 元素定义标题

<fieldset>
  <legend>abc</legend>
  name: <input type="text" name="name" value="sample-name">
  <br>
  sex: male<input type="radio" name="sex" value="0"> : female<input type="radio" name="sex" value="1">
</fieldset>

 
 <input>

 <input> 元素有很多形态，根据不同的 type 属性。

 ● type

 text

 定义常规文本输入

name:<input type="text">

 
 radio

 定义单选按钮输入（选择多个选择之一）

type: 
<input type="radio" name="type" value="0"> 
<input type="radio" name="type" value="1">

 
 submit

 定义用于向表单处理程序（form-handler）提交表单的按钮

<input type="submit" value="submit" />

 
   
   

 ● 选项

 name   提交的值的属性名
 value  提交的初始值

 
 <textarea>

 元素定义多行输入字段（文本域）

<textarea name="sampleTextArea" cols="60" rows="20" value="sample"/>

 
 <button>

 定义可点击的按钮, 文档

 ● 选项

 

 type

 

 submit

 该按钮是提交按钮

 ● 除IE的默认值
 button

 该按钮是可点击的按钮

 ● IE的默认值
 reset  该按钮是重置按钮（清除表单数据）

 
   

 
 <select>

 创建单选或多选菜单, 选项用 <option> 来定义

<select name="sampleSelect">
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
</select>

 
   
   
   
   
   
   
   
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄