请详细讲解下HTML中的<form>和<input>的用法

请详细讲解下HTML中的<form>和<input>的用法,第1张

<form>表示建立一个表单,一般表单有许多输入、选择项,有一些按钮,其中有按钮按了能提交表单到服务器。<form>里面一般有下面这些子句可供需要时使用:

action=服务器文件名,可能是CGI程序,也可能是ASP、PHP等服务器端脚本,如果省略,表示提交给当前的文件

method=post|get,选择方法为POST或者GET,他们的区别一是GET会把参数显示在浏览器地址上,二是POST能够提供更多的参数内容。默认为GET

target=窗口名称,表示提交后的页面在哪个窗口打开。默认为当前窗口

上面说的子句,是写在<form>里面的,比如:

<form

action=xxx.php

method=post>

在<form>和</form>之间,可以使用<input>、<select>等建立输入或者选择项。

<input>一般的用法是:

<input

type=text|password|hidden|submit|reset|button

name=xxx

value=xxx>

type表示这个输入域的类型,text是文本,password也是文本但是输入的字符显示*,hidden是文本但是不显示在页面上,submit是提交按钮,reset是重置按钮,button是一般按钮,还有radio建立单选框,checkbox建立多选框

name是输入域的名字

value是输入域的默认值

<form>标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

html<form>表单标签使用在一个网页中数据提交标签。 例如,可以在留言板,评论等中填写数据,表单提交标签是提交处理所必需的。

<form>表单标签包含输入框input,单选,多选,select下拉列表菜单和跳转菜单,提交按钮和其他标签元素。

使用<form></ form>声明表单区域,并在<form>中填写action的值作为表单区域中提交内容发送到的页面地址。

扩展资料:

1、<form>表单的属性有:

accept-charset、action、method、name、target等。其中:

(1)action:表单提交的地址,action的地址就是要提交的服务器的地址。

(2)method:以何种方式提交,常见的为get和post,区别在于一个是明文(在url中显示),一个是暗文。

2、<form>标签使用示例:

<form action="demo_form.php" method="get">

First name: <input type="text" name="fname"><br>

Last name: <input type="text" name="lname"><br>

<input type="submit" value="提交">

</form>

当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址。所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7035619.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存