码迷,mamicode.com
首页 > 其他好文 > 详细

表单与页面控件

时间:2021-06-13 10:47:15      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:单选   cat   数据   列表   form   col   隐藏   信息   上传文件   

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>

表单与页面控件

标签:单选   cat   数据   列表   form   col   隐藏   信息   上传文件   

原文地址:https://www.cnblogs.com/azhenghui/p/14879108.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!