PHP求職寶典系列－PHP Web 程式設(shè)計(jì)篇
Aug 08, 2016 am 09:22 AM
PHP Web 程式設(shè)計(jì)篇
form表單
?1.TPOST T 方法提交的表單資料被附加到URL 上，並作為URL 的一部分傳送到伺服器端。 URL 的長(zhǎng)度應(yīng)限制在 1MB 字元以內(nèi)。
- POST 方法不依賴 URL，不會(huì)將傳遞的參數(shù)值顯示在網(wǎng)址列中。另外，POST 方法可以沒有任何限制的傳遞資料到伺服器，所有提交的資訊在後臺(tái)傳輸，使用者在瀏覽器端是看不到的，安全性高。
- 2.如何透過form表單控制上傳檔案的大??？
enctype="multipart/form-data",指定表單編碼資料的方式。
- method="post",指定資料的傳輸方式。
- , 透過隱藏域控制上傳檔案的大小大小
- （單位值不能超過位元組php.ini 設(shè)定檔upload_max_filesize 選項(xiàng)設(shè)定的值。 3.如何設(shè)定form表單中的唯讀屬性？
利用 readonly 設(shè)定指定內(nèi)容的唯讀屬性；
- 利用使用
- 利用使用 的屬性
4.在什麼情況下，$name 與 $_POST['name']可以通用？
在 php.ini 檔案中 register_globals = On 時(shí)， $name 與 $_POST['name']都可以取得form表單中表單元素name的值（以post方式提交）。
但是不建議開啟register_globals全部變量，因?yàn)闀?huì)給程式帶來安全隱患。
?CSS 樣式
1.CSS 的意思是什麼？
CSS (Cascading Style Sheet,譯為"層疊樣式表" 或"級(jí)聯(lián)表") 語言是譯為語言，不需要由語言瀏覽器來解釋解釋執(zhí)行（屬於瀏覽器解釋型語言），實(shí)現(xiàn)控制Web頁面的外觀。它是W3C協(xié)會(huì)為彌補(bǔ)HTML在顯示屬性設(shè)定上的不足而指定的一套擴(kuò)充樣式標(biāo)準(zhǔn)。
其作用如下：
- 的網(wǎng)頁設(shè)計(jì)（
- CSS檔案也可以說是一個(gè)文字文件，它包含一些CSS標(biāo)記，CSS檔案必須使用.css為後綴。
- 透過CSS檔案實(shí)現(xiàn)內(nèi)容與表現(xiàn)形式的分離，可以改變網(wǎng)頁的整體表現(xiàn)形式，使維護(hù)網(wǎng)站的外觀更加容易，使HTML瀏覽程式碼更加簡(jiǎn)練，縮短瀏覽器的載入時(shí)間。
2.在HTML頁中插入CSS樣式的幾種方式？
- 在HTML頁中的標(biāo)記下定義一對(duì)標(biāo)記，在標(biāo)記內(nèi)部利用標(biāo)籤名稱、類別選擇符、id選擇符設(shè)定屬性。
- 在標(biāo)籤內(nèi)部定義style 屬性，然後定義本標(biāo)籤下的樣式，如： #">連結(jié)
創(chuàng)建.css樣式檔案
，在檔案內(nèi)部利用選項(xiàng)符號(hào)或類別選取符號(hào)等樣式符號(hào)，然後在檔案內(nèi)顯示的HTp利用標(biāo)籤引入文件- 。如：
? ?
? 4.如何解決以下程式碼在IE6 下的雙倍邊距問題？ 解決方案：新增屬性 display:inline 5.如何解決超連結(jié)點(diǎn)擊後 hover 樣式不出現(xiàn)的問題？ 對(duì)超連結(jié)樣式屬性進(jìn)行正確的排序即可。 a:link{color:red;text-docoration:none} : a:hover{color:black;text-decoration:overline} a:action{color:black;text-decoration:overline}
添加兩個(gè)CSS屬性，min-width和 ，也可以加入一個(gè)清除對(duì)齊方式的類clear:divboth 屬性的瀏覽器的計(jì)算狐。 7.怎麼定義1px 左右高度的容器？ ?DIV 標(biāo)籤 ＜ div 元素本身就是塊級(jí)元素，多用於組合大塊的程式碼 position:absolute;
JavaScript 腳本1. 彈出對(duì)話框使用alert()函數(shù) 取得輸入焦點(diǎn)使用 函數(shù) 2. JavaScript 的轉(zhuǎn)向函數(shù)是什麼？怎麼引入一個(gè)外部JavaScript檔案？ 轉(zhuǎn)向函數(shù)：
?typesJava 字碼>
3.當(dāng)滑鼠劃過文字框，自動(dòng)選取文字方塊中的內(nèi)容：
1.利用jQuery中的Ajax判斷用戶名是否被佔(zhàn)用： 需要定義兩個(gè)頁面，index.php 頁面代碼如下: 前臺(tái)頁面設(shè)計(jì)的程式碼如下： 後臺(tái)判斷生肖的PHP腳本： 目前比較流行的客戶端腳本語言框架jQuery,由美國人John?Resig創(chuàng)建，是優(yōu)秀的JavaScript框架，其宗旨是write less,do more.它是輕量級(jí)的js庫，兼容CSS3，兼容各種瀏覽器（IE 6.0+）。用戶能更方便地處理HTML?document、events，實(shí)現(xiàn)動(dòng)畫效果，并且可以方便地為網(wǎng)站提供AJAX交互。jQuery另一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說明很全，而且各種應(yīng)用也說的很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的HTML頁保持代碼和HTML內(nèi)容的分離，也就是說，不用再在HTML里面插入一堆js來調(diào)用命令了，只需定義id即可。 1.jQuery中常用選擇器： 基本選擇器： id選擇器：只能用一次 class選擇器：允許重復(fù)使用 標(biāo)簽選擇器 *：匹配所有元素 層次選擇器： $("#a.b")?選取id值為a的元素里所有class值為b的元素。 $("#a>.b")?選取id值為a的元素后的class值為b的子元素。 $("#a+.b")?選取id值為a的元素后緊挨的class值為b的元素。 過濾選擇器： ?。篺irst，選取第一個(gè)元素。 ?。簅dd,選取索引是奇數(shù)的元素。 ?。篹ven,選取索引是偶數(shù)的元素。 ?。簄ot,選取除某元素外的其他元素。 ?。篹q(),按索引尋找元素。 ?。簂t(),小于某索引值的元素。 ：gt,大于某索引值的元素。 2.如何實(shí)現(xiàn)查找DOM樹中的元素？ var input = $("input:first"); 3.如何在DOM樹中創(chuàng)建并插入元素？ 4.如何在DOM樹中替換指定元素？ 5.將一張圖片以淡出的效果消失在頁面中： 6.制作一個(gè)按鈕，當(dāng)按鈕被單擊時(shí)以卷簾效果消失： 7.照片輪換效果： 鑒于最近要準(zhǔn)備各種期末考和大作業(yè)，發(fā)博時(shí)間明顯減少，勞煩多多理解??！本篇都是利用零碎時(shí)間編輯的，現(xiàn)在大功告成還是挺滿足啦，若您覺得有幫助，可以隨手點(diǎn)個(gè)贊。
以上就介紹了PHP求職寶典系列——PHP Web 編程篇，包括了方面的內(nèi)容，希望對(duì)PHP教程有興趣的朋友有所幫助。
屬性名稱
解析
定義邊框的屬性可以設(shè)定邊框的寬度、顏色、顏色、c border
定義邊框的屬性可以設(shè)定邊框的寬度、顏色、border
background-image
設(shè)定背景圖片
font-size
設(shè)定字體大小 字體
font-familydealration 的裝飾，如下劃線、閃爍等
line-height
檢索或設(shè)定物件的行高，即字體最底端與字體內(nèi)部頂端之間的距離
letter-spacing text-align的文字之間的間隔
設(shè)定或擷取物件中文字的對(duì)齊方式
<span><span><style type="text/css">
body </span>{<span>margin</span>:<span>0</span>;}<span>div </span>{<span>float</span>:<span>left</span>; <span>margin-left</span>:<span>10px</span>;<span> width</span>:<span>200px</span>;<span> height</span>:<span>200px</span>; <span>border</span>:<span>1px</span>;<span> solid red;</span>}<span></style></span></span>
這是 IE6 下的常見 Bug，雖然定義的外邊距為10px，但是 IE 卻解析為20px。
span標(biāo)記是屬於內(nèi)聯(lián)的，一般用於小模組的樣式內(nèi)聯(lián)到HTML文檔中
2.如何使一個(gè)DIV層居中定位？ top:50%;
3.如何解決filefox 瀏覽器中巢狀div 標(biāo)籤text-align 屬性失效的問題?<span>1</span><span><style>
</span><span>2</span><span>.one </span>{<span>border</span>:<span>1px solid blue</span>;<span>width</span>:<span>300px</span>;<span>height</span>:<span>200px</span>;<span>text-align</span>:<span>center </span>}
<span>3</span><span>.two </span>{<span>border</span>:<span>1 px solid blue</span>;<span>width</span>:<span>200px</span>;<span>height</span>:<span>100px</span>;<span>margin</span>:<span>0px auto </span>}
<span>4</span><span></style>
</span><span>5</span><span><div>
</span><span>6</span><span><div></div>
</span><span>7</span><span></div></span>
1 <script type="text/javascript" src="jquery-1.4.2.js"></script>
2 <input type="text" ><input type="button" value="校驗(yàn)">
3 <script type="text/javascript">
4 $(<span>function</span><span>() {
</span>5 $("input:last".click(<span>function</span><span>() {
</span>6 $.get ("in.php",<span> {
</span>7 username:$("input:first").<span>val()
</span>8 },<span>function</span><span>(data) {
</span>9<span> alert (data);
</span>10 })'<span> 11 });
12 });
13 </script></span><span> 1</span> <?<span>php
</span><span> 2</span><span>$string</span>="明日科技"<span>；
</span><span> 3</span><span>if</span>(<span>isset</span><span>($ GET[username])) {
</span><span> 4</span><span>if</span>(<span>urldecode</span>($ GET[username])==<span>$string</span><span>) {
</span><span> 5</span><span>echo</span> "用戶名被占用"<span>;
</span><span> 6</span> }<span>else</span><span>{
</span><span> 7</span><span>echo</span> "用戶名可用"<span>;
</span><span> 8</span><span> }
</span><span> 9</span><span>}
</span><span>10</span> ?>
?輸出，要求寫出HTML和JavaScript程式碼：<span> 1</span><span><</span><span>html</span><span>></span><span> 2</span><span><</span><span>head</span><span>></span><span> 3</span><span><</span><span>meta </span><span>http-equiv</span><span>="Content-type"</span><span> content</span><span>="text/html;charset="</span><span>UTF-8""</span><span>></span><span> 4</span><span><</span><span>script </span><span>type</span><span>="text/javascript"</span><span> src</span><span>="jequery-1.4.2.js"</span><span>></</span><span>script</span><span>></span><span> 5</span><span><</span><span>title</span><span>></span>生肖的自動(dòng)選擇<span></</span><span>title</span><span>></span><span> 6</span><span></</span><span>head</span><span>></span><span> 7</span><span><</span><span>body</span><span>></span><span> 8</span><span><</span><span>input </span><span>type</span><span>="text"</span><span> value</span><span>="請(qǐng)輸入年份格式為2015"</span><span> onclick</span><span>="this.select()"</span><span>></span><span> 9</span><span><</span><span>input </span><span>type</span><span>="submit"</span><span> value</span><span>="判斷"</span><span>></span><span>10</span><span><</span><span>span</span><span>></</span><span>span</span><span>></span><span>11</span><span><</span><span>script</span><span>></span><span>12</span><span> $(</span><span>function</span><span>(){
</span><span>13</span><span> $(</span><span>"</span><span>input:last</span><span>"</span><span>).click(</span><span>function</span><span>(){
</span><span>14</span><span> $.get(</span><span>"</span><span>in.php</span><span>"</span><span>,{
</span><span>15</span><span> number:$(</span><span>"</span><span>input:first</span><span>"</span><span>).val()
</span><span>16</span><span> },</span><span>function</span><span>(data){
</span><span>17</span><span> $(</span><span>"</span><span>span</span><span>"</span><span>).text(data);
</span><span>18</span><span> });
</span><span>19</span><span> });
</span><span>20</span><span>});
</span><span>21</span><span></</span><span>script</span><span>></span><span>22</span><span></</span><span>body</span><span>></span><span>23</span><span></</span><span>html</span><span>></span>jQuery框架<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <div>水果</div>
<span>3</span> <script>
<span>4</span><span>var</span> title=$("<span>蘋果</span>"<span>);
</span><span>5</span> $("div").append(title);<span>//</span><span>將title追加到div標(biāo)簽內(nèi)容的后面</span><span>6</span> $("div").before(title);<span>//</span><span>將title追加到div標(biāo)簽之前與div標(biāo)簽屬于同一層次</span><span>7</span> $("div").prepend(title);<span>//</span><span>將title追加到div標(biāo)簽內(nèi)容之前</span><span>8</span> $("div").after(title);<span>//</span><span>將title追加到div標(biāo)簽之后與div標(biāo)簽屬于同一層次</span><span>9</span> </script>
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"</script>
<span>2</span> <div>水果</div>
<span>3</span> <script>
<span>4</span><span>var</span> title=$("<span>蘋果</span>"<span>);
</span><span>5</span> $("div"<span>).replaceWith(title);
</span><span>6</span> </script>
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <img src="color.jpg">
<span>3</span> <script>
<span>4</span> $("img".click(<span>function</span><span>(){
</span><span>5</span> $(<span>this</span>).fadeOut("slow"<span>);
</span><span>6</span><span>});
</span><span>7</span> </script>
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <input type="button" value="按鈕"><script>
<span>3</span> $("input").click(d=<span>function</span><span>(){
</span><span>4</span> $(<span>this</span>).slideUp("slow"<span>);
</span><span>5</span><span>});
</span><span>6</span> </script>
<span> 1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span> 2</span> <style>
<span> 3</span> ul{list-<span>style:none;width:350px;height:200px;position:absolute}
</span><span> 4</span><span>li{position:ansolute}
</span><span> 5</span> </style>
<span> 6</span> <div>
<span> 7</span> <ul>
<span> 8</span> <li><img ssrc="1.jpg" width=350px height=200px></li>
<span> 9</span> <li><img ssrc="2.jpg" width=350px height=200px></li>
<span>10</span> <li><img ssrc="3.jpg" width=350px height=200px></li>
<span>11</span> <li><img ssrc="4.jpg" width=350px height=200px></li>
<span>12</span> </ul>
<span>13</span> </div>
<span>14</span> <script>
<span>15</span> $(<span>function</span><span>(){
</span><span>16</span> $(."change ul li:not(:first)"<span>).hide();
</span><span>17</span> setInterval(<span>function</span><span>(){
</span><span>18</span><span>if</span>($."change ul li:last").is(":visible"<span>)){
</span><span>19</span> $(."change ul li:first").fadeIn("slow"<span>);
</span><span>20</span> $(."change ul li:last"<span>).hide();
</span><span>21</span> }<span>else</span><span>{
</span><span>22</span> $(."change ul li:visible").next().fadeIn("slow"<span>);
</span><span>23</span><span> }
</span><span>24</span> },1000<span>);
</span><span>25</span><span>});
</span><span>26</span> </script>
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門話題
華為GT3 Pro和GT4的差異是什麼？
Dec 29, 2023 pm 02:27 PM
許多用戶在選擇智慧型手錶的時(shí)候都會(huì)選擇的華為的品牌，其中華為GT3pro和GT4都是非常熱門的選擇，不少用戶都很好奇華為GT3pro和GT4有什麼區(qū)別，下面就給大家介紹一下二者。華為GT3pro和GT4有什麼差別一、外觀GT4：46mm和41mm，材質(zhì)是玻璃鏡板+不鏽鋼機(jī)身+高分纖維後殼。 GT3pro：46.6mm和42.9mm，材質(zhì)是藍(lán)寶石玻璃鏡+鈦金屬機(jī)身/陶瓷機(jī)身+陶瓷後殼二、健康GT4：採用最新的華為Truseen5.5+演算法，結(jié)果會(huì)更加的精準(zhǔn)。 GT3pro：多了ECG心電圖和血管及安
WebSocket與JavaScript：實(shí)現(xiàn)即時(shí)監(jiān)控系統(tǒng)的關(guān)鍵技術(shù)
Dec 17, 2023 pm 05:30 PM
WebSocket與JavaScript：實(shí)現(xiàn)即時(shí)監(jiān)控系統(tǒng)的關(guān)鍵技術(shù)引言：隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，即時(shí)監(jiān)控系統(tǒng)在各個(gè)領(lǐng)域中得到了廣泛的應(yīng)用。而實(shí)現(xiàn)即時(shí)監(jiān)控的關(guān)鍵技術(shù)之一就是WebSocket與JavaScript的結(jié)合使用。本文將介紹WebSocket與JavaScript在即時(shí)監(jiān)控系統(tǒng)中的應(yīng)用，並給出程式碼範(fàn)例，詳細(xì)解釋其實(shí)作原理。一、WebSocket技
如何使用WebSocket和JavaScript實(shí)現(xiàn)線上語音辨識(shí)系統(tǒng)
Dec 17, 2023 pm 02:54 PM
如何使用WebSocket和JavaScript實(shí)現(xiàn)線上語音辨識(shí)系統(tǒng)引言：隨著科技的不斷發(fā)展，語音辨識(shí)技術(shù)已成為了人工智慧領(lǐng)域的重要組成部分。而基於WebSocket和JavaScript實(shí)現(xiàn)的線上語音辨識(shí)系統(tǒng)，具備了低延遲、即時(shí)性和跨平臺(tái)的特點(diǎn)，成為了廣泛應(yīng)用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實(shí)現(xiàn)線上語音辨識(shí)系
如何利用JavaScript和WebSocket實(shí)現(xiàn)即時(shí)線上點(diǎn)餐系統(tǒng)
Dec 17, 2023 pm 12:09 PM
如何利用JavaScript和WebSocket實(shí)現(xiàn)即時(shí)線上點(diǎn)餐系統(tǒng)介紹：隨著網(wǎng)路的普及和技術(shù)的進(jìn)步，越來越多的餐廳開始提供線上點(diǎn)餐服務(wù)。為了實(shí)現(xiàn)即時(shí)線上點(diǎn)餐系統(tǒng)，我們可以利用JavaScript和WebSocket技術(shù)。 WebSocket是一種基於TCP協(xié)定的全雙工通訊協(xié)議，可實(shí)現(xiàn)客戶端與伺服器的即時(shí)雙向通訊。在即時(shí)線上點(diǎn)餐系統(tǒng)中，當(dāng)使用者選擇菜餚並下訂單
JavaScript與WebSocket：打造高效率的即時(shí)天氣預(yù)報(bào)系統(tǒng)
Dec 17, 2023 pm 05:13 PM
JavaScript和WebSocket：打造高效的即時(shí)天氣預(yù)報(bào)系統(tǒng)引言：如今，天氣預(yù)報(bào)的準(zhǔn)確性對(duì)於日常生活以及決策制定具有重要意義。隨著技術(shù)的發(fā)展，我們可以透過即時(shí)獲取天氣數(shù)據(jù)來提供更準(zhǔn)確可靠的天氣預(yù)報(bào)。在本文中，我們將學(xué)習(xí)如何使用JavaScript和WebSocket技術(shù)，來建立一個(gè)高效的即時(shí)天氣預(yù)報(bào)系統(tǒng)。本文將透過具體的程式碼範(fàn)例來展示實(shí)現(xiàn)的過程。 We
如何使用WebSocket和JavaScript實(shí)現(xiàn)線上預(yù)約系統(tǒng)
Dec 17, 2023 am 09:39 AM
如何使用WebSocket和JavaScript實(shí)現(xiàn)線上預(yù)約系統(tǒng)在當(dāng)今數(shù)位化的時(shí)代，越來越多的業(yè)務(wù)和服務(wù)都需要提供線上預(yù)約功能。而實(shí)現(xiàn)一個(gè)高效、即時(shí)的線上預(yù)約系統(tǒng)是至關(guān)重要的。本文將介紹如何使用WebSocket和JavaScript來實(shí)作一個(gè)線上預(yù)約系統(tǒng)，並提供具體的程式碼範(fàn)例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進(jìn)行全雙工
簡(jiǎn)易JavaScript教學(xué)：取得HTTP狀態(tài)碼的方法
Jan 05, 2024 pm 06:08 PM
JavaScript教學(xué)：如何取得HTTP狀態(tài)碼，需要具體程式碼範(fàn)例前言：在Web開發(fā)中，經(jīng)常會(huì)涉及到與伺服器進(jìn)行資料互動(dòng)的場(chǎng)景。在與伺服器進(jìn)行通訊時(shí)，我們經(jīng)常需要取得傳回的HTTP狀態(tài)碼來判斷操作是否成功，並根據(jù)不同的狀態(tài)碼來進(jìn)行對(duì)應(yīng)的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態(tài)碼，並提供一些實(shí)用的程式碼範(fàn)例。使用XMLHttpRequest
javascript如何使用insertBefore
Nov 24, 2023 am 11:56 AM
用法：在JavaScript中，insertBefore()方法用於在DOM樹中插入一個(gè)新的節(jié)點(diǎn)。這個(gè)方法需要兩個(gè)參數(shù)：要插入的新節(jié)點(diǎn)和參考節(jié)點(diǎn)（即新節(jié)點(diǎn)將要插入的位置的節(jié)點(diǎn)）。
