表单与页面控件

Posted 2021-06-12 不可哈希

1       表单标记form

在html网页中，表单是用form标记定义的，它类似于一个容器，表单对象必须在表单中才有效，如input。

① 处理动作action。其中，表单的处理程序是表单标记必不可少地参数，它是表单要提交地地址。

② 表单名称name。表单地名称是一个标识符，不能含有特殊地字符和空格。

③ 表单提交方法method。表单的提交方法有两种：get和post。get方法将表单内容附加在url地址后面，因此有长度限制（最大8192字符），而且不安全（不具有保密性），且不能提交非ASCII的字符。post方法将用户在表单中输入的数据包含在表单主体中，一起提交给服务器，该方法没有信息长度的限制，也比较安全。

④ 编码方式enctype。其中编码方式有3种情况：text/plain(纯文本形式)、application/x-www-form-urlencoded(默认编码)和multipart/form-data(上传文件时必选)。

<form action=”表单的处理程序” method=”提交方法” enctype=”编码方式” name=”表单的名称”>

2       input标记——文本框与密码框

① 文本框

<input type=”text” value=”文本框内的默认值” name=”文本框的名称” size=”文本框的长度” maxlength=”最大字符数”/>

② 密码框

<input type=”password” value=”密码框的默认值” name=”密码框的名称” size=”密码框的长度” maxlength=”最大字符数”/>

在密码框中输入的字符都是以“*”或“·”显示。

3       input标记——单选按钮与复选框

① 单选按钮

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

② 复选框

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

4       input标记——按钮

① 普通按钮

<input type=”button” value=”按钮的值” name=”按钮的名称”/>

② 重置按钮

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

③ 提交按钮

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

5       input标记——图像域、隐藏域以及文件域

① 图像域

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

②隐藏域

<input type=”hidden” name=”” value=””/>

③文件域

<input type=”file” name=”文件域的名称”/>

6       列表与文本区

① 下拉列表

<select name=”下拉列表的名称”>

      <option value=”选项值1” selected>选项1显示内容

      <option value=”选项值2”>选项2显示内容

      …

</select>

② 滚动列表

<select name=”滚动列表的名称” size=”显示的项数” multiple>

      <option value=”选项值1” selected>选项1显示的内容

      <option value=”选项值2”>选项2显示内容

      …

</select>

③ 文本区

<textarea name=”文本区的名称” cols=”列数” rows=”行数”></textarea>