HTML入门课.docVIP

HTML体验课程--电子司法监管登录 ”value”/ type 属性决定input的类型 type属性取值： 值 描述 button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。 checkbox 定义复选框。 file 定义输入字段和 浏览按钮，供文件上传。 hidden 定义隐藏的输入字段。 image 定义图像形式的提交按钮。 password 定义密码字段。该字段中的字符被掩码。 radio 定义单选按钮。 reset 定义重置按钮。重置按钮会清除表单中的所有数据。 submit 定义提交按钮。提交按钮会把表单数据发送到服务器。 text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。 ext input type=text / 定义用户可输入文本的单行输入字段。 Email: input type=text name=email / Pin: input type=text name=pin / Button input type=button / 定义可点击的按钮，但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序。 input type=button value=Click me onclick=msg() / Password input type=password / 定义密码字段。密码字段中的字符会被掩码（显示为星号或原点）。 input type=password name=pwd / Reset Button input type=reset / 定义重置按钮。重置按钮会清除表单中的所有数据。 input type=reset / Submit input type=submit / 定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。 form action=form_action.asp method=get Email: input type=text name=email / input type=submit / /form 定义和用法 table 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 table/table 表格 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。 table trtd第1行第1列/tdtd第1行第2列/td/tr trtd第2行第1列/tdtd第2行第2列/td/tr trtd第3行第1列/tdtd第3行第2列/td/tr /table“你好！！”);} /script /head body input type=”button” onClick=”showMethod()”/ 点击按钮是=时触发showMethod（）方法 /body /html 常用事件 onSubmit 当form表单提交时触发 onClick 当单击按钮时触发 onMouseOver 当鼠标放到对象上时触发 onMouseOut 当鼠标从对象上离开时触发 onChange 当对象的值发生改变时触发 onDbClick 当双击按钮时触发 方法中常用对象和方法 var obj=document.getElementById(“id值”); 此方法可以通过html标签中的id属性找到指定的对象并返回 alert(“文本”); 此方法弹出模式对话框，对话框的内容为 文本内容。 编写步骤（使用Dreamweaver） 第一步：打开Dreamweaver 点击新建 HTML 第二步：点击设计视图 第三步：插入表格- 第四步：4行3列 第五步：调整表格宽度和高度，并合并单元格，如下图 第六步：在插入中选择图像，插入图片 第七步：调整图片、文字、文本框、密码框的位置。 第八步：使用css美化界面 设置body 的背景图片，使用 body标签选择器 style body{ background:url(images/bg.gif) #226cc5 repeat-x; } /style 设置table 的背景图片，并使表格距离网页顶部110px的距离，使用table标签选择器 style table{ background:url(images/1.gif); margin:110 0 0; } /style 设置登录按钮的图片，使用class选择器，将登录按钮的class设置成loginBtn（设置图片并设置为