html嵌套php fomr表单,总结HTML form表单的一些用法

HTML form标签小结最近研究 form标签,有一些小心得写下来与大家分享分享,共勉。在小结的最后有一个form表单的小例子,可以作为参考。 -----DanlV

form是HTML的一个极为重要的功能标签之一。

输入域inputinput type属性有如下属性值:

1.button按钮(具体接下来细说)

2.file用于文件选取

3.hidden隐藏域,可以实现隐藏的操作

4.text用于文本输入

5.password用密码输入

6.radio单选按钮,name属性相同的为一组

7.checkbox多选按钮,name属性相同的为一组

8.image图片形式提交按钮

9.reset重置form按钮

10.submit提交form按钮

alt属性,定义当按钮式图片时,提片的替代文本

src属性,定义当按钮为图片时,图片的链接地址

checked属性,定义默认选项checked的值为true或false,也可以直接写成checked

disabled属性,禁用当前输入域(用法如checked)

readonly属性,对当前输入域只读,实际作用与disabled相同,但是展现出来的效果不一样(用法如checked)

maxlength属性,定义输入域字符的最大长度

name属性,定义当前的输入域的名字

value属性,定义当前输入域的默认值

文本输入区textarearows属性,规定可见行数

cols属性,规定可见列数

disabled属性,禁用当前文本输入区

name属性,当前文本区的名字

readonly属性,当前文本区域只读

按钮buttontype类型一共有三种:

1.type="button"普功通功能按钮

2.type="submit"提交form表单功能按钮

3.type="reset"重置form表单功相关属能按钮

disabled属性,禁用此按钮

name属性,按钮的名字

value属性,按钮上显示文本内容的默认值

下来菜单select相关属性:

1.disabled属性,禁用该菜单

2.multiple属性,规定可同时选中多项

3.name属性,下拉列表的名字

4.size属性,菜单中可见项目的数目

标签,定义下拉列表的选项分组,属性为:

5.label属性,定义选项组的标记(名字),必要属性

6.disabled属性,禁用

属性,定义下拉列表中的选项(此标签在标签)中,属性为:

1.disabled属性,禁用

2.label属性,定义当使用

表单中的标记

为了是输入更为人性化,提高用户的体验度,再点击提示文字的时候光标自动聚焦到输入的位置,使用此标签。有两种使用方法: 此方式使用label的for属性,值制定输入区域的name

将input直接放入label中,不需要使用for属性,推荐使用。

---

表单中相关元素分组fieldset

将表单中相关的元素进行分组,使用标签 定义分组标题。相关实例见最后的代码。

代码示例

68f090fab51aa6bece638df830dd39b8.png

天下第一争霸赛

门派:

密码:

上传你的请柬:


选武器: 刀


挑战对手: 梅超风

洪七

金毛狮王谢逊

张三丰

选择你的门派:

天山派

昆仑派

峨眉派

少林派

武当派

天空派

星宿派

逍遥派

丐帮派

五毒派

明教派

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值