Javaweb学习(一)
html
- <html>标签是html文件的开头,所有html文件都是以标签开头,</html>结束。所有东西都得在<html></html>中。
- <head> 标签是html文件的头标签,显示标题,如果定义css样式代码可以防止在头标签中。</head>
- <title>标签是标题标签。
- <body>标签是html页面的主体标签,页面中的所有内容都定义在标签中。
html常有标记:
<br>:换行标记
<p></p>:段落标记。段落标记在段前和断后各添加一个空行,而定义在段落标记中的内容不受该标记的影响。
<h></h>:标题标记。<h1><h2>…代表1级标题,2级标题…数字越小级别越高,字体越大。
<center>:居中标题标题中的内容为居中显示。
- :表格标记。表格用来存储数据,表格中包含标题,表头,行,单元格。
<caption>:标题标记。
<th>表头标记。
<tr>:表格行标记。
<td>:单元格标记。
html表单标记:
- <form>表单标记:在表单标记中可以定义处理表单数据程序的url地址等信息。
Eg: <form action="url"method="get'|post"name="name"onSubmit=""target=""> </form>
action属性:
该属性用来指定处理表单数据程序的url
method属性:
该属性用来指定数据传送到服务器的方式,get或者post。get属性值表示将输入的数据追加到action指定的地址后面。post属性值会将输入的数据按照HTTP协议中的post传输方式传送到服务器。
name属性:
该属性指定表单的名称,其值可以自定义。
onSumit属性:
指定用户点击提交按钮时触发的时间。
target属性:
指定输入数据结果显示在哪个窗口中,其属性值可以设置为_加blank,self,parent,top。blank表示在新窗口中打开目标文件,self表示在同一窗口打开,parent表示在上一级窗口打开,一般使用框架页时经常使用,top表示在浏览器的整个窗口中打开。
- <input>表单输入标记。表单输入标记时使用最频繁的表单标记,通过这个标记可以向页面中添加单行文本,多行文本按钮。
<form action="form_action.asp" method="get"> First name: <input type="text" name="fname" /> Last name: <input type="text" name="lname" /> <input type="submit" value="Submit" /> </form>
accept audio/* video/* image/* MIME_type 规定通过文件上传来提交的文件的类型。 (只针对type=“file”) align left right top middle bottom HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type=“image”) alt text 定义图像输入的替代文本。 (只针对type=“image”) autocompleteNew on off autocomplete 属性规定 元素输入字段是否应该启用自动完成功能。 autofocusNew autofocus 属性规定当页面加载时 元素应该自动获得焦点。 checked checked checked 属性规定在页面加载时应该被预先选定的 元素。 (只针对 type=“checkbox” 或者 type=“radio”) disabled disabled disabled 属性规定应该禁用的 元素。 formNew form_id form 属性规定 元素所属的一个或多个表单。 formactionNew URL 属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type=“submit” 和 type=“image”) formenctypeNew application/x-www-form-urlencoded multipart/form-data text/plain 属性规定当表单数据提交到服务器时如何编码(只适合 type=“submit” 和 type=“image”)。 formmethodNew get post 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type=“submit” 和 type=“image”) formnovalidateNew formnovalidate formnovalidate 属性覆盖 元素的 novalidate 属性。 formtargetNew _blank _self _parent _top framename 规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type=“submit” 和 type=“image”) heightNew pixels 规定 元素的高度。(只针对type=“image”) listNew datalist_id 属性引用 元素,其中包含 元素的预定义选项。 maxNew number date 属性规定 元素的最大值。 maxlength number 属性规定 元素中允许的最大字符数。 minNew number date 属性规定 元素的最小值。 multipleNew multiple 属性规定允许用户输入到 元素的多个值。 name text name 属性规定 元素的名称。 patternNew regexp pattern 属性规定用于验证 元素的值的正则表达式。 placeholderNew text placeholder 属性规定可描述输入 字段预期值的简短的提示信息 。 readonly readonly readonly 属性规定输入字段是只读的。 requiredNew required 属性规定必需在提交表单之前填写输入字段。 size number size 属性规定以字符数计的 元素的可见宽度。 src URL src 属性规定显示为提交按钮的图像的 URL。 (只针对 type=“image”) stepNew number step 属性规定 元素的合法数字间隔。
- type属性是<input>标记中非常重要的内容,决定了输入数据的类型。
button 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 checkbox 定义复选框。 colorNew 定义拾色器。 dateNew 定义 date 控件(包括年、月、日,不包括时间)。 datetimeNew 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。 datetime-localNew 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 emailNew 定义用于 e-mail 地址的字段。 file 定义文件选择字段和 “浏览…” 按钮,供文件上传。 hidden 定义隐藏输入字段。 image 定义图像作为提交按钮。 monthNew 定义 month 和 year 控件(不带时区)。 numberNew 定义用于输入数字的字段。 password 定义密码字段(字段中的字符会被遮蔽)。 radio 定义单选按钮。 rangeNew 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。 reset 定义重置按钮(重置所有的表单值为默认值)。 searchNew 定义用于输入搜索字符串的文本字段。 submit 定义提交按钮。 telNew 定义用于输入电话号码的字段。 text 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 timeNew 定义用于输入时间的控件(不带时区)。 urlNew 定义用于输入 URL 的字段。 weekNew 定义 week 和 year 控件(不带时区)。
- <select>列表框标记:在页面中创建下拉列表框,此时的下拉列表框是一个空的列表,要使用<option>标记向列表中添加内容。
<select name="name" size="digit" multiple="multiple" disabled="disabled"
</select>
- <textarea>多行文本标记:多行文本标记可以驶入更多内容。通常<textarea>标记出现在<form>标签的标签内容中。
<txtarea cols="digit" rows="digit" name="name" disabled="disabled" readonly="readonly" wrap="value">
</txtarea>
超链接与图片标记
- <a href=""></a> 在网站中实现一个页面跳转到另一个页面。
- <img>图片标记,显示图片。
<img src="url" width="value" height="value" border="value" alt="提示文字">
src来源,width宽度,height高度,border图片外边框的宽度默认为0,alt指定图片无法显示时显示的文字
练习
<html> <head> <title>java学习day1</title> </head> <body> <form action=""method="post" name="myform"> 用户名:<input name="username" type="text" id="UserName4" maxlength="20"> 密码:<input name="pwd1" type="password" id="PWD14" size="20" maxlength="20"> 确定密码:<input name="pwd2" type="password" id="PWD25" size="20" maxlength="20"> 性别:<input name="sex" type="radio" class="noborder" value="男" checked> 男 <input name="sex" type="radio" class="noborder" value="女"> 女 爱好: <input name="like" type="checkbox" id="like" value="体育"> 体育 <input name="like" type="checkbox" id="like" value="旅游"> 旅游 <input name="like" type="checkbox" id="like" value="听音乐"> 听音乐 <input name="like" type="checkbox" id="like" value="看书"> 看书 <input name="like" type="checkbox" id="like" value="打游戏"> 打游戏 E-mail: <input name="email" type="text" id="PWD224" size="50"> <input name="Submit" type="submit" class="btn_grey" value="确定保存"> <input name="Reset" type="reset" class="btn_grey" id="Reset" value="重新填写"> </form>> </body> </html>