zoukankan      html  css  js  c++  java
  • html表单

    表单在网页中主要负责数据采集功能,一个表单有三个基本组成部分:

    • 表单标签:这里包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法
    • 表单域:包含了文本框、密码框、隐藏框、多行文本框、复选框、单选框、下拉选择框和文件上传框。
    • 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了脚本的工作。
    • 语法:
    <form name="form_name" methopd="get/post" action="url"></form>
    • name:定义表单的名字
    • method:定义表单结果从浏览器传送到服务器的方式,默认参数为:get,post安全性更高,因此常用作传输密码等,而get安全性较低,一般用于查询数据。
    • action:用来指定表单处理程序的位置(服务器端脚本处理程序)。

    <form>元素定义了如何发送数据。它的所有属性是对用户单机提交按钮时所发送的请求进行了配置。两个与之相关的属性是action和method.

    • action属性:定义了发送数据要去的地址。它的值必须是一个有效的URL,可以是相对URL也可以是绝对URL。如果没有提供此属性或者action="#",则数据将会被发送到包含表单的页面的URL.
    • 语法:
      将数据发送到一个绝对URL:
      <form action="https://www.shiyanlou.com/">
      将数据发送到一个相对URL:
      <form action="/somewhere_else">
      数据被发送到表单出现的相同页面上
      <form action="#">
    • method属性:定义如何发送数据。HTML表单数据可以通过许多不同的数据传输,其中最常见的是GET方法和POST方法。
    • get方法:浏览器会将数据直接附在表单的action URL之后。这两者之间用问好进行隔离。
    • post方法:首先浏览器将与action属性值顶的表单处理服务器建立联系,一旦建立联系后,浏览器就会按分段传输的方法将数据发送给服务器。在服务器端,一旦post样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接收这些参数。
    • 注:使用get请求用户将在他们的URL栏中看到的数据,但是使用post请求用户将不会看到。因此一般get用于查询数据,post用于传输密码等。

    强制条目的长度:所有文本框<input>或<textarea>可以强制使用minelength和maxlength属性。如果值小于该字段minelength的值或大于maxlength值则无效。

    <fieldset>元素组合表单中的相关数据,<legend>元素为<fieldset>元素定义标题。

    label元素

    • 为input元素进行标注,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label>标签的for属性应当与相关元素的id属性相同,使得<label>标签与<input>正确相关联。
  • 相关阅读:
    centos7 安装jmeter5.1
    centos7 安装jdk1.8
    es6学习笔记(一)环境搭建
    Django-filter报错:__init__() got an unexpected keyword argument 'name'
    django fields lookup methods(lookup类型)
    django笔记-model
    Git-简单使用
    jenkins-master-slave节点配置总结
    Git-简单使用
    MySQL explain详解
  • 原文地址:https://www.cnblogs.com/leoych/p/12456220.html
Copyright © 2011-2022 走看看