A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© hehe04 中级黑马   /  2012-8-28 13:18  /  1954 人查看  /  4 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


<form>标签为表单标签,如果要把数据提交到服务器则需要将<Input>,<Select>,<TextArea>等元素添加到<form>中;action属性指定要将表单提交到哪里,例如:<form action=“Register.aspx”></form>

    Input
        <input>是主要的表单元素,type指定类型,主要包括:submit(提交按钮),button(普通按钮),checkbox(复选框),file(文件选择框),hidden(隐藏字段),password(密码输入框),image(图片按钮),radio(单选按钮),reset(重置按钮),text(文本框). 例如:

            <form action="Register.aspx">

            <input type="text" size="50"></input>

            <input type="submit" value="注册"/>

            <input type="radio" name="sex" value="男">男</input>

            <input type="radio" name="sex" value="女">女</input>
            <input type="image" src="26311.png" width=20 hight=20/><!--图片按钮,这里也可以设置图片显示的大小-->
            </form>

        submit
        submit按钮点击后,表单就会被提交给服务器,中文IE下默认按钮文本为“提交查询”,可以通过设置value属性来自定义显示的文本。例如:<input type="submit" value="注册"/>
        text
        size属性为宽度,value为值,maxlength用于设置允许输入的最大长度,readonly为只读。
        checkbox
        checked属性表示是否被选中。<input type="checkbox" checked="checked"/>
        radio
        相同name属性的为一组,不同radio设定不同的值,这样通过取指定name的value就知道谁被选中了

            <input type="radio" name="sex" value="男">男</input>

            <input type="radio" name="sex" value="女">女</input>

        file
        使用file则<form>的enctype属性必须设置为multipart/form-data , method属性为post

        image
        使用src来指定要显示的图片,以实现美化的按钮.



    Select
    用来创建类似于winform中的combobox和listbox
        size属性大于1,就是listbox,否则就是combobox
        <select multiple>或者<select multiple="multiple">(推荐)就是可以多选的listbox
        select中的项是<option>,例如<option>北京</option>
        还可以设定项的值,例如:<option value="1">北京</option>
        将一个<option>设为选中:
        <option selected>北京</option>或者<option selected="selected">北京</option>(推荐),就可以将将一个值设置为选中状态 。
        如何实现不选择:
        添加一个<option value="-1">--不选择--</option>,然后编程判断select选中的值如果是-1就是不选择。
        Optgroup分组选项:
        分组选项本身不会被选中,无论对于下拉菜单还是列表框都适用。
        label属性为显示的组名,例如
        <optgroup label="A区">
            <option>北京</option>
            <option>上海</option>
            <option selected="selected">深圳</option>
        </optgroup>
            <optgroup label="B区 ">
            <option>郑州</option>
            <option>长沙</option>
            <option selected="selected">西安</option>
        </optgroup>
        实现的效果

评分

参与人数 1技术分 +2 收起 理由
郑文 + 2

查看全部评分

4 个回复

倒序浏览
太有才了,值得学习ing!
回复 使用道具 举报
整理得很好啊,受用了
回复 使用道具 举报
恩 值得收藏啊
回复 使用道具 举报
好东西  收藏咯
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马