html表单是什么?

html表单是什么?,第1张

<form>->声明表单

<select>->下拉框

<radio>->单选框

<input>->文本框

<text>->文本字段

一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

属性解释:

action=url用来指定处理提交表单的格式。它可以是一个URL地址(提交给程式)或一个电子邮件地址。

method=get或post指明提交表单的HTTP方法。可能的值为:post:POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中。get:不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器。这是往前兼容的缺省值。这个值由于国际化的原因不赞成使用。

以上内容参考:百度百科-表单

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<select required="required">

<option>学生</option>

<option>教师</option>

</select>

3、浏览器运行index.html页面,此时的下拉框是必须选择的。

select是表单元素中下拉框,主要是用于将客户的选择项值,传递到后台,进行相应的返回

其中,value的值就是传递到处理文件的值,下面我们以两个文件为例

1)新建一个完整的表单(1.html),有select选项,分别设置不同的值传递,例如星期三,value对应的值是3

2)处理文件(2.html)

(备注,此处用html文件代替演示,实际中可以是js文件,php文件,或者是java后台等等

还可以根据用户的输入 *** 作数据库,例如用户登陆的时候的用户名和密码,表单提交,查询数据库,返回相应是否成功的界面)

3)运行1.html文件,选择星期三,选择提交

4)点击提交之后跳转到2.html文件

5)在浏览器的地址部分,可以看到s1=3的值

后台处理文件,可以获取这个值,根据程序约定,s1=3传递到后台就是客户选择了星期三,应对此做出对应的处理

总结:select的value值,主要是用作表单提交的时候,数据值的传递!


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

原文地址:https://54852.com/zaji/7092885.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存