1 / 13
文档名称:

开发之一前端技术/.doc

格式:doc   大小:106KB   页数:13页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

开发之一前端技术/.doc

上传人:junjun2875 2017/3/31 文件大小:106 KB

下载得到文件列表

开发之一前端技术/.doc

文档介绍

文档介绍:/ 开发之一前端技术 html / css ?表单标签: 1、 form <form action==POST> //把表单中的内容提交到服务器中 文件。</form> 2、 Input Text: 文本输入框,可以定义文本框长短,字符输入最大数等。姓名: <inputtype="text"name="name"/></br> Password: 密码输入框,输进去的都变成星号。密码: <inputtype="password"name="password"/> Radio: 单选框性 别: <inputtype="radio"name="sex"value="male"/>male / <inputtype="radio"name="sex"value="female "/>female Checkbox: 多选框爱 好: <inputtype="checkbox"name="hobby"value="tour"/> 旅游<inputtype="checkbox"name="hobby"value="book"/> 看书<inputtype="checkbox"name="hobby"value="sports"/> 运动 Range: 范围选择<inputtype="range"value="high" min="1" max="10"/> Image :图像,将图像作为提交按钮,必须有 alt 属性。<input type="image" src="" alt="Submit" /> Button : 按钮, 仅仅只是一个按钮而以, 要使按钮有作用, 需要为按钮定义事件触发。<inputtype="button"value="button1"/> / Submit :把表单数据通过 get 或 post 提交到服务器。<inputtype="submit"value=" 提交"/> Reset :重新填写表单中的内容。<inputtype="reset"value=" 重置"/> Hidden: 隐藏表单<inputtype=hidden name=add value=******@> 3、 textarea :文本区域,即多行多列文本框。<textarea name="show"rows="5"cols="60"></textarea> 4、 select :下拉列表城市: <selectname="city"size="3"> <optionselected="selected"value="suzhou"> 苏 州</option> // 默认选择谁,可以多选/ <optionvalue="najin"> 南 京</option> <optionvalue="wuxi"> 无 锡</option> <optionvalue="changzhou"> 常州</option> </select> 文字列表: ulli: 无序列表<ul> <li>coffe</li> <li>tea</li> <ul> 显示结果。 coffe // 前面带标号, 标号类型可以改, 有方型, 圆型等。。 tea ul ol 有序列表/ <ul> <ol>coffe</ol> <ol>tea</ol> <ul> 显示结果 // 前面带序号,序号可以改,不仅仅是数字, 可以改成字母等。 自定义列表<dl> <dt>coffe</dt> // 定义列表内容<dd> 一种来自国外的黑色的饮料</dd> // 描述列表内容<dt>tea</dt> <dd> 中国的传统饮品</dd> </dl> 显示结果: Coffe / 一种来自国外的黑色的饮料 Tea 中国的传统饮品第二部分: CSS 一、 CSS 选择器 1 、元素选择器如: html {color:black;} p {color:gray;} h2 {color:silver;} 2 、选择器分组 body, h2, p, table, th, td, pre, strong, em{color:gray;} 所有的元素颜色都是灰色/ 3 、类选择器( 1 ) {color:red;} // 拥用 important 类的所有标签字体都变成红色。<h1>Thisheading is very important.</h1> <p>Thisparagraph is very important.</p> ( 2 )结合元素选择器 {color:red;} // 所有拥有 important