2015.7.7 第二课 课程重点(表单)

一、html-表单部分

  1、按钮:

    <input type="button">

  2、文本框:
    <input type="text">

  3、密码:
    <input type="password">

  4、单选:
    <input type="radio" id="male" name="sex" checked="checked"><label for="male">男</label>
    <input type="radio" id="female" name="sex"><label for="female">女</label>

  5、复选框:
    <input type="checkbox">红色<input type="checkbox">绿色

  6、下拉菜单:
    <select>
      <option>--请选择--</option>
      <option>唱歌</option>
      <option>跳舞</option>
    </select>  

    *如果要变成复选,加muiltiple即可。用户用Ctrl来实现多选。

    <select name="fruit" multiple="multiple">

    还可以用size属性来改变下拉框(Select)的大小

  7、上传控件:
    <input type="file">

  8、多行输入框:
    <textarea maxleng="限制字数" cols="宽度" rows="高度"></textarea>

  9、重置按钮:
    <input type="reset"> [只针对它所在的form表单有效果]

  10、提交按钮:
    <input type="submit"> [只针对它所在的form表单有效果]

  11、图片按钮:

    <input type="image">

  12、隐藏字段:

    <input type="hidden">

二、css样式部分

  1、css样式的三种常用写法:
    第一种 行内样式:直接在标签里,加<p style="color:red"></p>
    第二种 内嵌式:在head里面,加入<style> p{ color:red;} </style>
    第三种 链接式:在外部新建css文件写入样式,引入html:
      <link rel="stylesheet" type="text/css" href="相对路径.css">

时间: 2024-10-25 11:02:13

2015.7.7 第二课 课程重点(表单)的相关文章

2015.7.7 第二课 课程重点

一.html部分 1.按钮: <input type="button"> 2.文本框:<input type="text"> 3.密码:<input type="password"> 4.单选:<input type="radio" id="male" name="sex" checked="checked"><l

2015.7.6 第一课 课程重点(html、列表、表格、相对路径、超链接)

2015.7.6 第一课 课程重点(html.列表.表格.相对路径.超链接) 1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.版面控制标记: 换行:<br/> 段落:<p></p> 水平线:<hr> (  粗细: size: 宽度:width

第二课 课程重点(表单)

一.html-表单部分 <form></form> 1.按钮: <input type="button"> 2.文本框: <input type="text"> 3.密码: <input type="password"> 4.单选: <input type="radio" id="male" name="sex" chec

2015.7.6 第一课 课程重点

1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.换行:<br/> 3.段落:<p></p> 4.标题:<hn></hn> 5.列表: 有序列表: <ol> <li></li> </ol&g

2015.7.20 第九课 课程重点(js语句:获取时间、数字取值、定时器)

[jq与js的关系]:jq是对js常用的方法进行封装.简化和优化. [小技巧]ctrl+k+D :VS写代码格式乱了时,整理代码用的快捷键 ------------------------------------------------------------------------------------------------------ 1.获取时间: 方法 描述 getFullYear() 返回四位数的年份 getMonth() 返回月份(从0开始,1月=0,2月=1,...) getD

第十课 课程重点(jq选择器:id、类、标签、奇偶、eq、nth-child、子元素、属性、包含、位置、过滤)

1.在VS中新建jq项目: 新建web窗体时选择第二个: 将系统生成的多余文件夹删掉,仅留下Scripts和Web.config: 将Scripts文件夹改名为我们熟悉的js(也可以不改,仅推荐改),并新建文件夹css和image,并在对应位置添加页面,html.css.js 将上图鼠标所指的.min.js文件拖动到html中,将自己新建的js文件拖动到它下方,如图: *两者上下位置关系千万别弄饭了,min.js一定要在最上面. 将Script文件夹中的第一个js文件(_references.j

第二十三节(表单验证)

<title>form表单验证 </title> <style> /*验证css开始*/ /* common css ============================================== */ body{margin:0 auto;text-align:center;font:12px/1.5 arial;color:#242424;background:#212222;} div{text-align:left;} :focus{outline

2015年9月30日html表单笔记

Asp.net是盖房子,那么html就是里面的砖头. 表单是非常重要的,为什么要使用表单呢?因为表单可以向服务器传输数据. 一般用form表单来传输数据. BS程序的执行模型具体流程是,个人电脑在表单中填入特殊的数据,然后传到服务器中,服务器对获得的数据进行处理得到结果,然后将结果做成html代码打包发回给个人电脑中,由浏览器进行解析显示. 表单就是用来进行数据提交的标签. 表单就是一对form标签,里面包含一些其他标签input等 <form>一般在form标签里的内容都会作为数据打包传输,

第二十节-重要表单(form 与 input)

网页中 搜索框 或者注册单都是用表单元素来做的 form: 三个属性  1.action: 提交地址(目前写#练手)     2.method:提交方法:get/post, get提交会将键值对显示在网址不安全,post则不会     3.target: 可写_blank,在新网页打开.4.name 如果写这个属性,那么值就不可空,且要独一无二,还要与表内容契合 form 的子元素:input(行内元素,但具有行内块属性) input:三个属性  1.type(类型)    2. name