16 17
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"是指默认即被选中.
下拉列表选择标签
标签类似于 标签, 它声明了一种状态, 在这个标签内部的 标签, 就类似于 标签内部的 标签一样, 和 标签共同组合成了一个下拉的列表标签, 不同的 标签对应着不同的选择情况. 标签内部有一个属性mutiple, 当设置为"multiple"时, 那么下拉列表将支持多选(Windows下Ctrl + 单击, Mac下Command + 单击).
1 2 3 4 5 下拉列表框 6 7 8 17 18
代码效果
这个时候在 标签中设置selected属性, 值为"selected"那么那个 选项就会被默认选中.
文本域标签
标签大家通过英语就能看出来大致的意思了, 也就是在一个区域中都可以使用文本输入框的一切特性, 对应的它有两个参数, rows(行数), cols(列数), 设置之后将直接影响文本区域的尺寸, 如果学习过css之后, 可以通过width和height两个属性来修改, 效果也是一样的.
文本标签
标签我比较习惯称之为文本类的标签, 它并不会向用户呈现什么效果, 主要的用途是方便了鼠标用户点击范围的可选性, 也就是加入label后面有个单选框或者复选框, 当你点击与之相关联的label标签时, 也可以实现点击对应框的效果, 不过需要设置label的for属性, 要求要与对应的输入框id相同.
form中的lable标签 你对什么语言感兴趣:
这个代码实现的功能即是点击文字, 复选框即关联点击效果.
查看更多关于初学HTML表单交互标签_html/css_WEB-ITnose的详细内容...