现在的位置: 首页 > 综合 > 正文

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

2013年10月11日 ⁄ 综合 ⁄ 共 1902字 ⁄ 字号 评论关闭

---------------------- 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/

抱歉!评论已关闭.