• 技术文章 >web前端 >前端问答

    form在html中是什么意思

    青灯夜游青灯夜游2021-11-18 11:41:32原创195

    form在html中是“表单”的意思,它是一个为用户输入创建HTML表单的标签,语法格式“<form>表单元素</form>”;form标签对中可包含多种表单元素,如input、textarea、select、option、button等。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    form在html中是“表单”的意思,它是一个为用户输入创建HTML表单的标签。

    表单是一个包含表单元素的区域;功能:用于搜集不同类型的用户输入的内容。

    表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

    表单通过<form>标签来创建,其中放置表单的对象,如表单域、按钮和其他事物:

    <form>
    ....
    表单元素
    ....
    </form>

    常用的表单元素

    ü form 表单

    ü input 表单元素,表单项

    ü select和option 下拉菜单

    ü textarea 文本域

    (1)form元素

    功能:用于创建一个表单

    格式:

    <form></form>

    基本用法:



    重要属性:

    1,action:表示当前表单中的内容提交给哪个页面进行处理

    2,method:表示当前表单提交的方式,常见的有get和post方式,默认是get提交

    (2)input元素

    表示输入框,有多种形式,可以根据type属性来确定显示哪种输入框。


    基本用法:


    效果 :


    注意细节:

    1,对于input来说,它的type的默认值是text,表示单行文本

    2,对于input,最好给它添加一个name属性,作用是用于将用户输入的内容提交给要处理这个数据的页面

    GET提交与POST提交:

    GET:


    如果以get方式进行提交,但没有写上name属性,那么用户输入的内容是提交不了的,但是也会出现?这个标志:


    POST:

    当用户以post方式提交时,用户输入的内容不会放到地址栏里面,比较安全:


    GET和POST小结:

    1,GET会将用户输入的内容放到地址栏里面,使用GET请求不安全

    2,POST不会将用户输入的内容放到地址栏里面,相对安全

    细节:

    1,每一个input标签都有一个value属性,不同类型的input, value的作用也不同

    对于type=”text”来说,value可有可无,因为用户输入的内容都可以提交过去。

    对于type=”radio”或type=”checkbox”来说,没有value,是提交不了的。


    2,对于type=”radio”来说,如果你只想选择一个,需要给每个input添加一个name属性,属性值也必须一致,如果不添加,就不能满足单选框的需求。

    3,关于单行文本的宽度,可以使用size属性来设置,表示字符长度,实际上不用,我们一般是通过CSS进行控制的。

    (3)select和option

    作用:用来实现下拉列表

    格式:

    <select>
    <option>内容</option>
    <option>内容</option>
    <option>内容</option>
    </select>

    基本用法:


    注意点:

    1,默认情况下,提交时,它将option里面的内容作为提交的内容,但是通常我们不这样做,我们通常给opton设置一个value属性,属性值我们通常用数字。

    使用value后的情况如下:

    我们可以使用selected属性让某个option处理默认选中状态。


    (3)textarea

    作用:提供输入大量文本的输入框,比如,QQ空间中发表状态,贴吧发表贴子等。

    格式:<textarea></textarea>

    基本用法:


    推荐教程:《html视频教程

    以上就是form在html中是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:form html
    上一篇:javascript弹出框乱码怎么办 下一篇:jsp和javascript什么意思
    php中文网线上培训班

    相关文章推荐

    • HTML中主体标记是什么• html中的meta有什么作用• HTML提供了几种列表模式• html中th是什么意思• html不成对的标签有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网