
<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值,主要是用作表单提交的时候,数据值的传递!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)