码迷,mamicode.com
首页 > Web开发 > 详细

day02_01(html表单使用)

时间:2016-07-23 01:58:15      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:

1:表单标记(form)
 
在网页中<form></form>标记对用来创建一个表格;
在<form></form>可以设置表单的基本属性,包括表单的名称,处理程序和传送方法;
一般情况下,表单的处理程序action和传递的方法method,这两个参数是比不可少的;
 
提交表单:action
用于指定表单数据提交到那个地址进行处理;
目标显示方式:target
target:用来指定目标窗口的打开方式,表单的目标窗口往往用来显示表单的返回值;
打开方式:
_blank:载入一个未命名的新浏览器中
_parent:载入含有该链接框架的父框架集或符窗口中;
_self:载入该链接所在的同一框架或窗口中;
_top:载入所链接文件,因而会删除所有的框架;
 
2:插入表单对象
 
文字字段:text
参数:
type:指定插入那种表单元素
name:文字字段的名称,用于和页面中其他控件加以区分;
value:文本框中的默认值;
size:文本框在页面中显示的长度;
maxlength:设置文本框中最多可以输入的字符数;
 
密码域:password
参数:
type:指定插入那种表单元素
name:密码域的名称,用于和页面中其他控件加以区分;
value:密码的默认值,以*显示;
size:文本框在页面中显示的长度;
maxlength:设置密码域文本框中最多可以输入的字符数;
 
单选按钮:radio
参数:
type:指定插入那种表单元素
value:必须要设置;
name:对于一个选择列表中的所有单选项按钮来说,需要设置相同的名称;
checked:在一个单选按钮中只有一个单选按钮可以设置checked;
 
普通按钮:button
参数:
type:指定插入那种表单元素;
name:普通按钮名称,用于和页面中其他控件加以区分;
value:按钮的取值;
 
调交按钮:submit
参数:
type:指定插入那种表单元素;
name:按钮名称,用于和页面中其他控件加以区分;
value:按钮的取值
 
重置按钮:reset
参数:
type:指定插入那种表单元素;
name:按钮名称,用于和页面中其他控件加以区分;
value:按钮的取值
 
图片域:image
参数:
type:指定插入那种表单元素;
name:名称,用于和页面中其他控件加以区分;
src:指定图片的位置
 
文件域:file
参数:
type:指定插入那种表单元素;
name:文件域的名称
size:控件的长度
maxlenght:最长的字符数
 
2:菜单和列表
下拉菜单:
语法:
<select name="下拉菜单">
<option value="选项值">显示内容</option>
</select>
 
selected:表示该选项在默认情况下是被选中的
一个下拉菜单中只能有一个默认选项被选中;
 
列表项:
语法:
<select name="下拉菜单" size="显示的列表项数" multiple="multiple">
<option value="选项值">显示内容</option>
</select>
size:用于设置在页面中显示的最多列表项数;
 
文本域标记:textarea
文本域使用的textarea标记;
参数:
name:文本域的名称
cols:列数
rows:行数
 
实例:

<body>
<form action="#" method="get">
    用户名:<input type="text" name="user" size="20" maxlength="15"/><br/>
    年龄:<input type="text" name="age" size="20" maxlength="2" /><br/>
    密码:<input type="password" name="password" size="15" maxlength="8"/><br/>
    性别:<input type="radio" name="sex" value="男" checked="checked"/>男
    <input type="radio" name="sex" value="女" />女<br/>
    <input type="button" name="button" value="关闭窗口" onclick="window.close()"/><br/>
    <input type="submit" name="submit" value="注册"/>  
    <input type="reset" name="reset" value="重置"/><br/>
    <input type="image" src="100.png" name="image"/><br/>
    上传图片:<input type="file" name="file" size="30" maxlength="35"/><br/>
    地区:
    <select name="下拉菜单">
        <option value="北京" selected>北京</option>
        <option value="上海" >上海</option>
        <option value="广州" >广州</option>
        <option value="深圳" >深圳</option>
    </select><br/><br/><br/>
    地区:
    <select name="下拉菜单" size="1" multiple="multiple">
        <option value="北京" selected>北京</option>
        <option value="上海" >上海</option>
        <option value="广州" >广州</option>
        <option value="深圳" >深圳</option>
    </select><br/><br/>
    留言板:
    <textarea name="textarea" cols="20" rows="10"></textarea>
</form>
</body>

  

day02_01(html表单使用)

标签:

原文地址:http://www.cnblogs.com/qlwang/p/5697663.html

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