집 >웹 프론트엔드 >HTML 튜토리얼 >初学HTML 表单交互标签_html/css_WEB-ITnose

初学HTML 表单交互标签_html/css_WEB-ITnose

WBOY원래의: 2016-06-24 11:27:08872검색

　　表单标签在网站中主要负责的是进行与用户间的交互, 如果没有了交互, 那么网站就只是一个展示, 会死气沉沉的.

标签的语法

　　直接使用一段代码为大家解释一下

 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>表单标签</title> 6 </head> 7 <body> 8 <form method="post" action = "data.php"> 9       <label for="username">用户名:</label>10       <input type="text"  name="username" id="username" value="" /><br />11       <label for="pass">密码:</label>12       <input type="password"  name="pass" id="pass" value="" />    <br />13       <input type="submit" value="确定"  name="submit" />14       <input type="reset" value="重置" name="reset" />15 </form>  16 </body>17 </html>

　　method属性是指和后台交互的具体方式(get, post), 前面已经有较为详细的介绍了.

　　action属性是指表单提交的地址, 一般是.php为后缀的文件, 这样方便和后台的交互.

　　上文中涉及了一些之外的, 但是包含在表单标签之中的, 单独拿出来写.

　　输入标签

　　输入标签是在我个人理解属于一种声明, 意思就是下面将会开始人机交互了, 它具有几个参数, 最重要的参数type决定了input显示给用户的输入类型, 比如"text"意思就是文本输入, "button"就是按钮操作, "password"就是密码输入框, 如果有一定的英文基础会很舒服, 不过写过两三次就好理解啦, 大家多写多记忆就好了, name是指为文本框命名, 这样方便后台程序ASP, PHP的使用. value是为文本输入框设置默认值, 一般作为提示等作用(前提是文本输入框, 在不同的type类型中, value充当着不同的角色).

　　标签type属性的几种类型

　　text, password上面已经说过了, 下面讲一些其他的

　　submit, 提交数据按钮, 当用户需要提交表单信息到服务器时, 需要用到提交按钮, 这个时候value属性会是提交按钮上面显示的文字.

　　reset, 重置按钮, 这个的value属性和上面一样的, 只是功能是将表单信息重置到初始时的状态,

　　radio, 单选框, 也就是我们平常点击的小圆点, 点击后为选定状态, 再点击就没有效果了那种, checkbox, 复选框, 这个是我们平常用的那种小方块, 点击后里面会是一个小对号的那种. 不过如果参数为radio/checkbox后, value属性是指提交到服务器的具体的值, 比如0和1, 代表假和真. name还是命名, checked是指该项的选中状态, 如果属性值为"checked"是指默认即被选中.

　　下拉列表选择标签

　　标签类似于

标签, 它声明了一种状态, 在这个标签内部的

标签内部的标签一样, 和

성명：

이전 기사：初学HTML 常见的标签(三) 插入类标签_html/css_WEB-ITnose다음 기사：春节酷站系列！帮你整合Dribbble上可以免费下载的优质素材_html/css_WEB-ITnose

初学HTML 表单交互标签_html/css_WEB-ITnose

标签type属性的几种类型

文本域标签

文本标签

관련 기사