美文网首页
HTML的form

HTML的form

作者: 吃西瓜的的小青年 | 来源:发表于2019-04-25 20:57 被阅读0次

1.form:
作用:收集并提交用户的信息
属性:
id 表单的id,用于js获取表单
name 表单的名字,用于js获取表单
action 表单提交的地址
method 表单提交的方式,常用值为get和post
get (默认)
post
enctype 表单中数据的编码方式,
application/x-www-form-urlencoded (默认)
multipart/form-data
text/plain

Demo: <form action="https://www.baidu.com" method="get" enctype="application/x-www-form-urlencoded"><form/>
form标签下的子标签(表单域)
注意:1.对于所有的子标签来讲,只有添加name属性,才可以提交!!!
2.一般来讲,value属性就是提交的值
3.对于radio和checkbox而言,如果没有设定value属性,则提交时值为on
4.对于select而言,select提交的值就是option标签的value属性值,如果option标签没有设定value属性值时,默认提交option标签中间的文本值
5.对于textarea而言,textarea提交的值不是value属性,而是标签中间的文本数据
6.对于三个按钮来讲,input和button从本质来讲并无区别,而且一般情况不需要设置name属性(即不用提交)
input
属性
type="text" 文本框
type="password" 密码框
type="hidden" 隐藏框
type="file" 文件框
type="radio" 单选按钮
name属性相同即为一组
type="checkbox" 复选框
name属性相同即为一组
对于input type="radio"和input type="checkbox"来讲,添加checked="checked"属性表示默认选中该选项

                type="submit" 提交按钮,提交表单
                type="reset"  重置按钮,重置表单
                type="button" 普通按钮,用于被js调用

对于input type="submit"、input type="reset"和input type="button"来讲,value属性表示按钮上的文字

            select 下拉列表框
            给select添加multiple="multiple"的属性后,就变成多选
            需要和option标签一起使用

          textarea 多行文本域
          button 按钮

2.超链接
<a href="地址或位置"> </a>
<embed src="地址"></embed>

相关文章

  • 02_html&css

    HTML 表单标签

    form标签属性action:表单提交的路径,可以是html,也可以...

  • _姜3

    @form表单form使用HTML5语法,顶部需添加说明 = = = = = = =...

  • 2019-10-24 表单标签

    今天学习了html表单 HTML表单(

    标签) 属性: 1 action:决定表单提交的地...

  • HTML表单的用法

    html表单用于搜集不同类型的用户输入。

    元素 form元素定义html表单 HTML 表单包含表单元...

  • HTML表单用法

    HTML form表单用于为用户输入创建 HTML 表单。收集用户不同类型的数据。 HTML Form 語法 表单...

  • 2018-02-02 疑问

    1、_form.html.erb里面<%= form_for @group do |f| -%>和<%= form...

  • HTML Form

    label 标签 label 为 input 元素定义标注,用于绑定一个标点元素,当点击标签的时候,被绑定的标签就...

  • html form

    w3cschool将表单描述为用户交互的标签元素,告诉我们怎么使用它,但却隐藏了其设计规范。w3c form详细的...

  • html form

    function onBtnClick() { var form = document.forms[0]; for...

  • HTML的form

    1.form:作用:收集并提交用户的信息属性:id 表单的id,用于js获取表单name 表单的名字,...

网友评论

      本文标题:HTML的form

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