...">
美文网首页
HTML的表单标签使用

HTML的表单标签使用

作者: 18K纯帅咸鱼 | 来源:发表于2016-11-29 14:47 被阅读0次

使用<form>表单标签,与用户交互

语法:<from method="传输方式" action="服务器文件">
    其中传输方式有俩种,分别是get或者post。其中get是用于从服务器得到数据,而post是向服务器传输数据。两者有较大的区别。
    在安全性来讲post更优于get。在method设置为git时,浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。在设置为 post 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

输入框

语法:<from> <input type="text/password" name="名称" value="文本"/> </form>

  1. type:当type=“text”时,输入框为文本输入框
          当tpye="password"时,输入框为密码输入框
  2. name:为文本框命名,以备后台程序ASP、PHP使用
  3. value:为文本输入框设置默认值(一般起到提示作用)
    附:当用户需要多行稳住时,需要文字域。
        语法:<textarea rows="行数" cols="列数">文本信息</textarea>
使用单选框,复选框,让用户选择

语法:input type="radio/checkbox" value="值" name="名称" checked="checked"/>

  1. type="radio"时控件为单选框;
    type="checked"时控件为复选框。
  2. value:提交数据到服务器的值(后台程序PHP使用)
  3. name:为控件命名,以备后台程序ASP、PHP使用
  4. checked:当设置checked="checked"时,该选项被默认选中
使用下拉列表框,节省空间
  1. value 语法:<option value="提交值">选项</option>
    value是向服务器提交的值,选项是显示的值
  2. selected="selected"
    设置selected="selected",则选项默认为被选择
    <option value="旅游" selected="selected">旅游</option>
使用下拉列表框进行多选

在<select>标签中设置multple="multiple"属性,则可以实现多选

使用提交按钮,提交数据

语法:<input type="submit" value="提交">
只有type设置为submit时,才有提交按钮;value:按钮上显示的文字

使用重置按钮

语法:<input type="reset" value="重置">
只有type设置为reset时,才有重置功能

文件上传

语法:<input value="文件" name="文件名" accept="规定文件类型">

文章著作权归饥人谷_蒋恒和饥人谷所有,转载须说明来源

相关文章

  • 网页设计:HTML表单标签

    表单包含三个基本组成部分:表单标签、表单域、表单按钮。 1,表单标签 HTML 表单用于收集用户输入,表单使用 ...

  • Struts2学习笔记 | 表单标签

    概述 表单标签将在HTML文档里被呈现为表单元素 使用表单标签的优点表单回显对页面进行布局和排版 标签的属性可以被...

  • SpringMVC(六)SpringMVC 表单标签

    一、使用 Spring 的表单标签 通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表...

  • HTML表单的使用方法

    1.HTML表单简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单使用标签 来设置 标...

  • HTML的表单标签使用

    使用

    表单标签,与用户交互 语法:...

  • HTML笔记--表单标签

    HTML笔记--表单标签 标签(空格分隔): HTML 表单标签(****最重要的一个标签*****) 可以用来实...

  • ## HTML基础-表单标签

    ## HTML基础-表单标签 # form标签(表单) #datalist标签 # select标签 # optg...

  • Day07--HTML

    web概念概述 HTML HTML标签:表单标签

  • HTML表单的简单了解

    简介及引言: HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单使用标签 来设置 HTML ...

  • 2021年WEB前端面试题

    html面试题 html中常用标签 html 表单元素有哪些 a标签除了打开网页外,还能做哪些事情 在html使用...

网友评论

      本文标题:HTML的表单标签使用

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