码迷,mamicode.com
首页 > 其他好文 > 详细

0908学习内容

时间:2016-09-08 23:03:18      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

 表单元素:

<form id="" name="" method="post/get" action="" ></form>

一.<form>的属性:
 1. action- 规定提交给某一个网页。

 2. method-数据提交的方式:

            method有两种提交方式get:提交有长度限制,并且编码后的内容在地址栏中可见.
           
            post:提交无长度限制,并且编码后的内容不可见。(常用)
 
3. target-页面打开方式,主要有以下两种常用:

                _blank是指将返回的信息显示在新打开的窗口中

               _self是指返回的信息显示在当前窗口中

二.输入标签:

      文本输入1.文本框<input>(type="text"  value文本框的值 name文本框的名称)
     
                 2.密码框<input>(type="password"  value密码框的值)
  
                 3.隐藏域<input>(type="hidden"   value密码框的值 name)

      按钮输入1.普通按钮<input>(type=button name-按钮的名称 value按钮上显示的文字)作用:只显示一个按钮,点上去没有反映。

                 2.提交按钮<input>(type=submit name-按钮的名称 value按钮上显示的文字)作用:点击后转到form内的提交服务器的地址。

                 3.重置按钮<input>(type=reset 将 name-按钮的名称 value按钮上显示的文字)作用:将表单里的内容重置。

                 4.图片按钮<input>(type=image提交数据 name-按钮的名称。src-图片按钮的地址。)

     选择输入1.单选按钮<input>(type="radio" name-按钮名称和组名 value按钮的值)

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

            <input type="radio" name="sex" valur="" />女
  
          单选按钮里面。name必须一样。形成互斥关系。只能选一个。

               2.复选框<input>(type="checkbox"name-复选框名称value复选框的值)


               3.下拉列表<select>代表下拉列表。里面有个属性name-下拉列表名称

                        <option>代表项 它有个属性value代表该项的值
                      
                        <select>

                       <option>张店</option>
 
                       <option>桓台</option>
    
                       <option>周村</option>

                       </select>
   
                      表示下拉列表里面有张店,桓台,周村三个选项。

               4.文件选择<input type="file"name=""value="" />

               5.其它属性:

               readonly-只读。
 
               disabled-不可用(不能提交)
  
               hidden---隐藏

               checked--radio和checkbox中用来做选中

               selected用在下拉列表中用来做选中

0908学习内容

标签:

原文地址:http://www.cnblogs.com/zxl89/p/5854692.html

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