黑马程序员--HTML基础之Form表单

---------------------- Windows Phone 7手机开发、 .Net培训、期待与您交流！ ----------------------

<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>
    实现的效果
    

---------------------- Windows Phone 7手机开发、 .Net培训、期待与您交流！ ----------------------详细请查看： http://net.itheima.com/