HTML(二):表单

来源:互联网 发布:手机软件 知乎 编辑:程序博客网 时间:2024/06/05 08:01
八、表单 

  是一个包含表单元素的区域,在web页面内创建用户控件,手机用户的输入,是实现交互功能的主要方式
  表单的控件以名称-值对使用,当用户提交表单时,表单中的有效元素的额名称和值以一定格式传递给指定的URL,如 name1 =value1 & name2 = value2 & nameN = valueN。


 1、表单标记及属性,name,method , action 


  HTML(二):表单

 2、表单域标记的属性

 

3、文本控件
    <$inputtype="text" size = 8 maxlength=8 title="文本框">
    <$inputtype="password" size = 8 maxlength = 8 title ="密码框">

 

 4、复选框 checkbox
  提交时只提交被选中的选项的name 和 value ;
  当有多个选项同名时,提交数组到后台
 <$input type="checkbox" name = "fruit" checkedvalue=Banana />香蕉
 <$input type="checkbox"  name= "fruit" value=Apple />苹果
 <$input type="checkbox"  name= "fruit" value = Orange />橙子
    
5、单选按钮 radio
  相同名字的单选按钮为一组
  <$input type="radio" name = fruit checkedvalue=Banana>香蕉
  <$input type="radio" name = fruit value =Apple>苹果
  <$input type="radio" name = fruit value =Orange>橙子

 

6、文件上载控件
  <$form action = "a.html" enctype ="multipart/form-data" method="post">
    选择文件:<$input type="file" name = "filename">
  <$/form>

 

7、文本区域 textarea
<$textarea col = 10 rows = 20>
 显示20行10列内容
<$/textarea>

 

8、选择域 select
 1)下拉框,单选
  <$select name = fruits >
 <$option value= Banana selected > 香蕉
 <$option value= Apple> 苹果
 <$option value= Orange> 橙子
 <$/select>
2)multiple:多选,size:选择个数
 <$select name = fruits size=3multiple>
 <$option value= Banana selected > 香蕉
 <$option value= Apple> 苹果
 <$option value= Orange> 橙子
 <$/select>

 

九、域容器fieldset
 <$fieldsetstyle="width:300">
  <$legendalign="left">个人信息

 姓名: <$input type="text" size = 8 maxlength=8title="文本框">
 密码:<$input type="password" size = 8 maxlength= 8 title ="密码框">

<$/fieldset>

 

HTML(二):表单

HTML(二):表单

 

HTML(二):表单



0 0
原创粉丝点击