美文网首页
表单小总结

表单小总结

作者: swhzzz | 来源:发表于2017-03-30 23:17 被阅读0次

form标签用于表单的开始和结束,所有表单内容均应放在form标签内
<form action="" method="post"></form>
文本输入框
<input type="text" name="lastname" >
多行文本输入框
<pre><textarea name="article">ddddddddd</textarea></pre>
密码输入框
<input type="password" name="password" >
提交按钮
<input type="submit" name="submit">
重置按钮
<input type="reset" name="reset">
上传文件
<input type="file" name="" accept="文件的格式">
下拉菜单
selected表示当前被选中的
<pre>
<select name="city">
<option value="tianjin">天津</option>
<option value="shenzhen">深圳</option>
<option value="shanghai" selected>上海</option>
</select>
</pre>

单选框
<input type="radio" name="sex">男
复选框
<input type="checkbox" name="hobby" value="swim'>游泳
<input type="checkbox" name="hobby" value="climb'>爬山
label标签
当点击 “”姓名:“”时文本框照样可以被选中
<pre>
<label for="lastname">姓名:</label>
<input type="text" id="lastname" name="lastname">
</pre>
隐藏域
<input type="hidden" name="" value="">

相关文章

  • 表单小总结

    form标签用于表单的开始和结束,所有表单内容均应放在form标签内 文本输入框 多行文本输入框 dddddd...

  • 表单

    表单是个很麻烦又不能省略的东西。在此总结一些使用表单的小技巧以供查阅。 1. enctype的取值: "appli...

  • 「整理」Web 端设计规范-Input与Select

    今天主要总结下表单里的input输入框与select选择框,在总结之前,我们先来了解一下表单。 表单主要负责数据采...

  • 微信小程序(六)表单组件

    小程序表单组件 了解小程序表单组件 明确不同表单组件的使用方法 (1)button

  • angular 表单

    官网总结 链接地址:angular 表单github例子:github例子 1. 响应式表单和模板驱动表单 1.1...

  • 表单总结

    标签 定义 标签用于创建html表单; 表单能够包含input元素,比如文本字段,复选框,单选框,提交...

  • 关于form表单的小总结

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单的作用是搜集用户的输入,用户提交表单时...

  • 浏览器表单兼容处理

    在做表单中会遇到各种浏览器,和各种意想不到的问题,在这里做一个小的总结 表单自动填充背景色image.png如果点...

  • 无处不在的表单

    这两天看了《web表单设计》,根据自己以前对表单的理解,写下总结。 表单的组织 先考虑人,再考虑像素。用户真正关心...

  • React表单元素(可受控组件)

    每个表单元素都有一个不同的prop用于设置该值,所以这里有一个小表来总结:

网友评论

      本文标题:表单小总结

      本文链接:https://www.haomeiwen.com/subject/tccmottx.html