HTML

HTML表单

2016-12-12  本文已影响14人  chad_it

通过表单可以向服务端提交数据
表单

<form>
</form>

input空间
type控件的类型
name控件的名称
value控件的值
输入框

<form>
  <input type="text" name="" value="" placeholder="" />
  <input type="password" />
</form>

单选框
type="radio"
name相同
value必须有值
checked="true"默认选中

<form>
  <input type="radio" name="sex" value="male" checked="true" />
  <input type="radio" name="sex" value="female" />
</form>

复选框

<form>
  <input type="checkbox" name="" value="" checked="true" />
  <input type="checkbox" name="" value="" />
</form>

下拉框

<form>
  <select name="">
    <option>选项</option>
    <option>选项</option>
  </select>
</form>

文件选择

<form>
  <input type="file" name="" />
</form>

按钮
submit提交按钮
reset重置按钮
点击提交按钮会提交所有和按钮在同一表单下设置了name值的控件的value
点击重置按钮会重置所有和按钮在同一表单下的控件的值

<form>
  <input type="submit" value="提交">
  <input type="reset" value="重置">
  <input type="button" value="按钮">
  </form>
上一篇 下一篇

猜你喜欢

热点阅读