关于html中表单<form>标记的介绍

    xiaoxiao2021-03-25  173

    表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序以处理,从而使得Web服务器与用户之间具有交互功能。

    首先我们来说说关于表单的工作机制,浏览器将用户在表单中输入的数据进行打包,并发送给服务器-->服务器接收数据并转由程序处理-->访问一个包含表单的页面,输入数据后,“提交”表单。

    在HTML文档中,<form></form>标记对用来定义表单的开始和结束 在表单<form></form>之间嵌入各类表单控件标记(表单元素)——如文本输入框、列表框、单选按钮、提交按钮等——供用户输入信息数据 表单控件标记和表单<form>标记一起工作,共同发挥作用 <form>标记的重要属性 action属性:指定表单数据提交至何处 method属性: 指定表单数据提交的方式

    <form action=“url”method=“post”>

    </form>

    其中url是用户想要的地址

    表单控件标记 <input> <select> <textarea>

    1、<input>

    <input>能够演变为表单中许多不同的元素,取决于type属性 type取值: text(单行输入文本框) submit(提交按钮) password(密码输入文本框) radio(单选按钮) checkbox(复选框) reset(复位按钮)  button(普通按钮)

    <input  type =“type值” name=“名称”/> <input>输入文本框用来输入一行文本 <inputtype = “text”name=“名称”/> type属性值为“text”的<input>标记在网页中创建一个单行文本框 结束标记写法:<input>是空元素 name属性:指定一个表单元素的名称 <input  type =“text”  name =“userName”>< /input> <input>输入文本框的 value属性 value属性:可以用来设置文本框的初始值 <input type =“text” name=“userName” value=“admin”/>  <input>提交按钮:创建一个用以提交表单的按钮 <inputtype=“submit” value=“提交”/> type属性值:submit value属性值:指定按钮上显示文字,不指定,浏览器采取默认显示 作用:点击提交按钮,浏览器将提交表单,打包的数据被提交至何处?表单<form>标记的 action属性指定,数据提交的方式是由表单<form>标记的 method属性指定 说一下method属性get和post的区别,一般get是不能将密码隐藏起来,意思就是提交密码用的是post!

    转载请注明原文地址: https://ju.6miu.com/read-17677.html

    最新回复(0)