html中的form表单

from元素
<form>
元素是用来正式定义表单的元素,其属性决定了表单会有什么行为。当你想要建立一个HTML表单时,就必须以该元素开头。
注:严禁把一个form元素嵌套在另一个里边。那样会导致不可预知的行为,具体取决于用户使用了何种浏览器。
1.label标签
<label for="GET-name">姓名:</label>
2.input标签
<input type=' ' name=' '>
常用的input类型: text 单行文本框 password 密码输入框(不会显示输入的字符) checkbox 多选(同一组name属性必须一致) radio 单选(同一组name属性必须一致) file 上传文件, accept属性可以选择文件类型accept='image/png'——只能上传png文件) hidden 隐藏域 buttom 普通按钮 submit 提交数据的按钮 reset 重置按钮
<input id="GET-name" type="text" name="name" placeholder="请输入用户名">
<input type="checkbox" value="dota" name="hobby">dota
<input id="GET-sex" type="radio" value="male" name="sex" checked="checked" />
3.textarea标签
<textarea name="comment" maxlength=50 placeholder="ddd" rows="10" cols="50"></textarea>
4.section标签
<select name="GET-car"> <option value="萨博">萨博</option> <option value="宝马">宝马</option> <option value="特斯拉">特斯拉</option> </select>
5.placeholder
在文本框内的提示语,适用于以下的 <input> 类型:text,search,url,telephone,email 以及 password。
点击表单案例

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单的作用是收集用户所填写的信...
    饥人谷_邵征鹏阅读 493评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,309评论 1 41
  • from:表单 action:提交地址 ,动作 目标method:提交方式(get ,post) input:(v...
    mimang阅读 489评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • 我想我是一阵风,谁也禁锢不了我的脚步,我想我应当是自由的,无拘无束的自由。 总想为自己的青春做些什么,于是有了这篇...
    嫁给鼓手阅读 521评论 12 7