HTML:表单

表单的标记

<form></form>
注意:成对出现

form中的属性

action:提交表单

作用:把当前表单中的信息提交给其他程序c都是java文件java处理程序可以通过用户提交的信息

name作用

识别不同的组件表单/组件名或调取相应的信息
特点:可以重复

id 表单/组件的身份标记

作用:和name相同
特点:不能重复,id唯一

为何id可以表示,还要用name呢?

因为页面表面中的组件有时需要获得集群信息这是用id来获取就会麻烦, name就会很轻松,而单个组件获取时id很轻松

method传送方法

作用:调节传输方式get和post方法

语法:

<form method="传送方法"></form>

enctype编码方式
target目标显示方式

<form target="目标窗口的打开方式"></form>

可选择:
1._sefl 在本窗口中打开新页面
2.blank新建窗口打开新页面
3.
top在顶层框架(最大的框架)中打开新页面
4._parent 在上一层框架(父级框架)中打开新页面

text:

type:用来指定插入哪种表单元素,如type=“text”,即为文字字段
name:文字字段的名称,用于和页面中其他控件加以区别,名称由英文或数字以及下划线组成,但是有大小写之分 value:用来定于文本框的默认值
size:确定文本框在页面中显示的长度,以字符为单位 maxlength:用来设置文本框中最多可以输入的字符串

password:
语法:

<input name="控件名称" type="password" value="文字字段的默认取值"size="控件的长度" maxlength="最长字符数" />

type:用来指定插入哪种表单元素
name:密码域的名称,用于和页面中其他控件加以区别,名称由英文或数字以及下划线组成,但是有大小写之分
value:用来定于密码域的默认值,用星号“*”显示 size:确定密码域在页面中显示的长度,以字符为单位
maxlength:用来设置密码域中最多可以输入的字符串

radio 单选按钮

<input name="单选按钮名称" type="radio" value="单选按钮的取值" checked />

说明:在单选按钮中必须设置value的值对于一个选择列表中的所有单选按钮来说,往往要设置为相同的名称,这样传递时才能更好地对某一个选择内容进行判断。在一个单选按钮组中只有一个单选按钮可以设置为checked。

checkbox 复选框

<input name="复选框名称" type="checkbox" value="复选框的取值" checked />

checked参数表示该项在默认情况下已被选中,一个选项列表中可以有多个复选框被选中

button普通按钮

<input type="button" name="按钮名称" value="按钮的取值" onclick="处理程序" />

value的取值就是显示在按钮上的文字,在button属性中可以添加onclick来实现一些特殊的功能

例如:

<input type="button" name="button" value="关闭窗口" onclick="window.close()" />

submit 提交按钮

<input type="submit" name="按钮名称" value="按钮的取值" />

value同样用来设置显示在按钮上的文字

例如:

<input type="submit" name="Submit" value="提交" />

reset 重置按钮

<input type="reset" name="按钮名称" value="按钮的取值" />

value同样用来设置显示在按钮上的文字

例如:

<input type="submit" name="Submit" value="提交" />
<input type="reset" name="Submit2" value="重置" />

image图像域

<input name="图像域名称" type="image" src="图像路径" />

hidden隐藏域

<input name="隐藏域名称" type="hidden" value="隐藏域的取值" />

通过将type属性设置为hidden,可以依自己所需,在表单中使用任意多个隐藏域。

file文件域

<input name="文件域名称" type="file" size="控件的长度" maxlength="最长字符数" />

下拉菜单

<select name="下拉菜单名称">
<option value="选项值" selected>选项显示内容</option>
……
</select>

说明:在语法中,选项值是提交表单时的值,而选项显示内容才是真正在页面中显示的选项内容。selected表该选项在默认情况下是选中的,一个下拉菜单只能有一个默认选项被选中列表项

<select name="列表项名称"  size="显示的列表项数" multiple>
<option value="选项值" selected>选项显示内容</option>
……
</select>

textarea文本域标记

<textarea name="文本域名称" cols="列数" rows="行数"></textarea>

特点:1、文本域内的格式为所见即所得 空格 换行 换断 都能正常不能使用&nbsp进行多空个编写
注:文本域不会编写代码

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序打工仔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值