Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
.最普通最常用最一般的方法就是用submit type..
2.還有一種常用的方法是使用圖片代碼:
3.使用鏈接來提交表單,用到了javascript的DOM模型:
4.這種方法實(shí)際上是調(diào)用了一個(gè)javascript函數(shù),使用javacript函數(shù)來提交表單,方法就非常多非常靈活了,比如可以把它加入到任意一個(gè)標(biāo)簽的onclick事件中:
5.比如一個(gè)表單里的提交按鈕所指向的處理頁面不同,這樣由于表單在定義的時(shí)候就已經(jīng)確定下表單數(shù)據(jù)的處理頁面,所以單純地在表單里放多個(gè)提交按鈕是沒有辦法達(dá)到目的的。這就需要javascript。 首先得定義一個(gè)函數(shù):
6.通過javascript改變form的action屬性值,這樣就可以實(shí)現(xiàn)多提交按鈕而且功能不同了,頁面內(nèi)代碼如下面的:
【IT科技之家-itkeji綜合 -文章版權(quán)聲明】
非特殊說明,本文版權(quán)歸 [ IT科技之家-itkeji綜合 ] 所有,轉(zhuǎn)載請注明出處.
更多文章請關(guān)注:itkeji綜合
TML常用標(biāo)簽
主要包括 結(jié)構(gòu) 、 表現(xiàn) 和 行為 三個(gè)方面。
標(biāo)準(zhǔn)說明結(jié)構(gòu)用于對 網(wǎng)頁元素 進(jìn)行整理和分類(HTML)表現(xiàn)用于設(shè)置網(wǎng)頁元素的 外觀樣式 (CSS)行為網(wǎng)頁模型的定義及 交互 的編寫(JavaScript)
如果將web標(biāo)準(zhǔn)比喻為一只鳥,則
雙標(biāo)簽關(guān)系分為:
<!--head標(biāo)簽包含title標(biāo)簽-->
<head>
<title></title>
</head>
<!--head標(biāo)簽與body標(biāo)簽并列-->
<head></head>
<body></body>
標(biāo)簽名定義<html></html>html標(biāo)簽<head></head>文檔的頭部<title></title>文檔的標(biāo)題<body></body>文檔的主體
<!DOCTYPE html> <!--文檔類型聲明標(biāo)簽-->
<html lang="en"> <!--en:英語,zh-CN:中文-->
<head>
<!--字符集,UTF-8為萬國碼,統(tǒng)一使用-->
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
一個(gè)標(biāo)題獨(dú)占一行。(塊級元素)
<h1>
一級標(biāo)題(字號最大)
</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6>
六級標(biāo)題(字號最小)
</h6>
用于將HTML文檔分割為若干段落。
特點(diǎn):
<p>
這是一個(gè)段落
</p>
用于強(qiáng)制換行。
特點(diǎn):
<br>這是換行標(biāo)簽
語義標(biāo)簽加粗<strong></strong>傾斜<em></em>刪除線<del></del>下劃線<ins></ins>
用于界面布局。
特點(diǎn):
<div>
這是大盒子
</div>
<span>這是小盒子</span>
用于定義頁面中的圖像。
<!--屬性與屬性之間用空格分開-->
<img src="圖像的url" alt="" title="">
屬性說明src圖片路徑( 必須屬性 )alt圖像不能顯示時(shí)的替換文本title鼠標(biāo)放到圖像上顯示的提示文本width設(shè)置圖像的寬度height設(shè)置圖像的高度border設(shè)置圖像的邊框粗細(xì)(在CSS中修改)
注:圖像的寬和高一般只修改其中一個(gè),另一個(gè)會(huì)隨之調(diào)整。
相對路徑分類符號說明同一級src="文件名"下一級/src="同一級文件夾名稱/文件名"上一級../src="../文件名"
注意:絕對路徑用“\”分隔,相對路徑用“/”分隔。
<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>
屬性作用href鏈接目標(biāo)的url( 必須屬性 )target鏈接頁面的打方式。_self:在當(dāng)前窗口打開(默認(rèn)值),_blank:在新窗口打開
<!--這是一行注釋-->
特殊字符描述字符的代碼空格符<小于號<>大于號>&和號&¥人民幣¥?版權(quán)©?注冊商標(biāo)®°攝氏度°±正負(fù)號±?乘號×?除號÷2平方²3立方³
注:重點(diǎn)記住前三個(gè)。
大家平時(shí)學(xué)習(xí)web前端的時(shí)候肯定會(huì)遇到很多問題,小編我為大家準(zhǔn)備了web前端學(xué)習(xí)資料,將這些免費(fèi)分享給大家!如果想要的可以找我領(lǐng)取
領(lǐng)取方式:
如果想獲取這些學(xué)習(xí)資料,先關(guān)注我然后私信小編“01”即可免費(fèi)領(lǐng)取!(私信方法:點(diǎn)擊我頭像進(jìn)我主頁右上面有個(gè)私信按鈕)
如果這篇文章對你有幫助,請記得給我來個(gè)評論+轉(zhuǎn)發(fā)噢
TML是超文本標(biāo)記語言。
web標(biāo)準(zhǔn)是由W3C和其它標(biāo)準(zhǔn)化組織制成集合。
結(jié)構(gòu)(對網(wǎng)頁元素進(jìn)行整理和分類-HTML)
表現(xiàn)(設(shè)置網(wǎng)頁元素的版式,顏色,大小等外觀樣式-CSS)
行為(模型的定義及交互的表現(xiàn)-JS)
加粗:<strong>和<b>
傾斜:<em>和<i>
刪除線:<del>和<s>
下劃線:<ins>和<u>
<div>分割分區(qū)<span>跨度跨距
圖片標(biāo)簽<img/>
屬性: src圖片路徑
alt替換文本,圖片無法正常顯示
title提示文本,鼠標(biāo)放到圖像顯示
width寬度,height高度(只需要修改其中一個(gè))
border邊框(無需單位直接寫數(shù)值)
注意:
①圖像標(biāo)簽可以擁有多個(gè)屬性,必須寫在標(biāo)簽名后面
②屬性之前不分先后順序,標(biāo)簽名與屬性,屬性與屬性之間需要空格分開
③屬性采取鍵值對的格式
相對路徑:以引用文件所在位置為參考基礎(chǔ)
(同一級路徑,下一級路徑/,上一級路徑../)
絕對路徑:從盤符開始的路徑(\)
常用屬性
img ——vspace垂直邊距 ,hspace水平邊距 align對齊
details,summary,鼠標(biāo)點(diǎn)擊時(shí)顯示或隱藏
mark 文本中高亮顯示,和strong相似
cite 用于引用標(biāo)記,斜體顯示
draggable true選中后可以拖動(dòng)操作
font定義 font-style font-weight font-size/line-height font-family 順序不能改變
word-wrap break-word長單詞或url地址自動(dòng)換行
letter-spacing字間距
word-spacing單詞間距
line-height行間距
text-decorantion文本裝飾unline下劃線,overline上劃線,line-through刪除線
text-indent 2em 首行縮進(jìn)兩個(gè)字符
white-space空白符處理 pre
box-sizing:content-box當(dāng)widthh和height的時(shí)候不包括margin和panding
更換圖層位置,z軸偏移z-index:-10
align-items:center居中對齊
align-self:center
超鏈接標(biāo)簽<a>
href鏈接目標(biāo)地址
target鏈接頁面打開的方式(_self當(dāng)前窗口打開,_blank新窗口中打開方式)
外部鏈接,內(nèi)部鏈接,空鏈接,下載鏈接,網(wǎng)頁元素鏈接,錨點(diǎn)鏈接(快速定位到頁面的某個(gè)位置- 添加id屬性)
去除超鏈接樣式:text-decoration:none
特殊字符
空格符
小于號< 大于號>
表格標(biāo)簽
align對齊方式
bolder表格邊框
cellpadding單元格與內(nèi)容之間空白
cellspacing單元格與單元格之前空白
合并單元格:rowspan colspan
列表標(biāo)簽
無序列表:ul li
有序列表:ol li
自定義列表:dl dt dd
表單標(biāo)簽
完整表單:表單域<form>,表單控件,提示信息
<form>
——action(指定接受并處理表單數(shù)據(jù)的服務(wù)器程序的url地址)
——method(get/post設(shè)置表單數(shù)據(jù)的提交方式)
——name(指定表單名稱)
<input>輸入元素
type屬性:button(點(diǎn)擊按鈕)checkbox(復(fù)選框)file(輸入字段和“瀏覽”按鈕)hidden(隱藏輸入字段)image(圖片形式提交按鈕)password(密碼字段)radio(單選按鈕)reset(重置按鈕)sumbit(提交按鈕)text(單行輸入字段,默認(rèn)20個(gè)字符)
name屬性:(相同的名字——單選框和復(fù)選框)區(qū)別不同表單元素
value屬性:定義input元素值
checked屬性:頁面首次加載是否選中
maxlength屬性:輸入字段的最大值
<lable>標(biāo)簽
用于綁定一個(gè)表單元素,當(dāng)點(diǎn)擊<lable>標(biāo)簽內(nèi)的文本時(shí),瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到或者選擇對應(yīng)的表單元素上,用來增加用戶體驗(yàn)。
<lable>標(biāo)簽的for屬性與相關(guān)元素的id屬性相同
<select>下拉列表元素
-<option>
-selected="selected"默認(rèn)選中
<textarea>文本域
-cols rows (每行每列字?jǐn)?shù))
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。