PHP-Webprogrammierung

Formularform

1. Beschreiben Sie kurz die maximale Kapazit?t der POST- und GET-übertragung.

• Die von der GET-Methode übermittelten Formulardaten werden an die URL angeh?ngt Wird als Teil der URL an den Server gesendet. Die URL-L?nge sollte auf 1 MB Zeichen begrenzt sein.
• Die POST-Methode verl?sst sich nicht auf die URL und zeigt den übergebenen Parameterwert nicht in der Adressleiste an. Darüber hinaus kann die POST-Methode ohne Einschr?nkungen Daten an den Server übertragen. Alle übermittelten Informationen werden im Hintergrund übertragen und sind für den Benutzer auf der Browserseite nicht sichtbar, sodass die Sicherheit hoch ist.

2. Wie kontrolliere ich die Gr??e der hochgeladenen Dateien über das Formular?

• enctype="multipart/form-data", gibt die Art und Weise an, wie Daten im Formular kodiert werden.
• method="post", gibt die Datenübertragungsmethode an.
• ,Kontrollieren Sie die Gr??e der hochgeladenen Dateien (in Bytes) über ausgeblendete Felder. Der Wert darf den in der php.ini-Konfigurationsdatei upload_max_filesize festgelegten Wert nicht überschreiten.

3. Wie wird das schreibgeschützte Attribut im Formular festgelegt?

• Verwenden Sie readonly, um das schreibgeschützte Attribut des angegebenen Inhalts festzulegen;
• Verwenden Sie disabled, um das schreibgeschützte Attribut des angegebenen Inhalts festzulegen.

　4. Unter welchen Umst?nden k?nnen $name und $_POST['name'] austauschbar verwendet werden?

Wenn register_globals = On in der php.ini-Datei, $name und $_POST['name' ] kann den Wert des Formularelementnamens im Formular abrufen (im Post-Modus übermittelt).

Es wird jedoch nicht empfohlen, alle register_globals-Variablen zu aktivieren, da dies Sicherheitsrisiken für das Programm mit sich bringt .

CSS-Stil

1.Was bedeutet CSS?

CSS (Cascading Style Sheet, übersetzt als ?Cascading Style Sheet“ oder ?Cascading Style Sheet“) ist eine Auszeichnungssprache, die keiner Interpretation bedarf und vom Browser direkt interpretiert und ausgeführt werden kann (sie geh?rt zur vom Browser interpretierten Sprache), um das Erscheinungsbild der Webseite zu steuern. Dabei handelt es sich um eine Reihe erweiterter Stilstandards, die von der W3C Association spezifiziert wurden, um die M?ngel von HTML beim Festlegen von Anzeigeattributen auszugleichen.

Seine Funktionen sind wie folgt:

• Im Standard-Webdesign ist CSS für die Performance von Webinhalten (XHTML) verantwortlich.
• Eine CSS-Datei kann auch als Textdatei bezeichnet werden, die einige CSS-Tags enth?lt Es muss eine CSS-Datei verwendet werden. .css ist das Suffix.
• Die Trennung von Inhalt und Pr?sentation durch CSS-Dateien kann die Gesamtdarstellung der Webseite ver?ndern und sie zu einer echten Website machen Es ist einfacher, das Erscheinungsbild der Website beizubehalten, den HTML-Dokumentcode pr?gnanter zu gestalten und die Ladezeit des Browsers zu verkürzen.

　2. Wie viele M?glichkeiten gibt es, CSS-Stile in HTML-Seiten einzufügen?

• ist in der HTML-Seite unter definiert. Tag Ein Paar -Tags verwenden den Tag-Namen, den Klassenselektor und den ID-Selektor, um Attribute innerhalb des Tags festzulegen.
• Definieren Sie das Stilattribut innerhalb des Tags und definieren Sie dann den Stil darunter dieses Tag, wie zum Beispiel:

Link

• Erstellen Sie eine CSS-Stildatei , definieren Sie den Stil mithilfe von ID-Selektoren oder Klassenselektoren in der Datei und verwenden Sie dann das -Tag, um die Datei auf der angezeigten HTNL-Hauptseite einzuführen . Zum Beispiel:

3. Allgemeine CSS-Stilattribute:

4. Wie l?st man das Doppelmargenproblem des folgenden Codes unter IE6?

<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>

Dies ist ein h?ufiger Fehler unter IE6. Obwohl der definierte Rand 10 Pixel betr?gt, analysiert IE ihn als 20 Pixel.

L?sung: Attribut display:inline hinzufügen

5. So l?sen Sie das Problem nach einem Hyperlink wird angeklickt Problem damit, dass der Hover-Stil nicht angezeigt wird?

Sortieren Sie einfach die Hyperlink-Stilattribute richtig.

a:link{color:red;text-docoration:none}

a:visited{color:blue;text-decoration:none}

a:hover{color: black;text-decoration:overline}

a:action{color:black;text-decoration:overline}

6. Wie kann das Problem gel?st werden, dass der Text die H?he des Containers im Firefox-Browser nicht ?ffnen kann?

Fügen Sie zwei CSS-Eigenschaften hinzu: min-width und min-height, Sie k?nnen auch ein Div mit dem Clear Alignment-Klassenattribut ?clear:both“ hinzufügen, um die H?he des Firefox-Browsers automatisch zu berechnen.

7. Wie definiere ich einen Container mit einer H?he von etwa 1 Pixel?

Beim Layout einer Webseite besteht h?ufig ein Bedarf zwischen der Navigationsleiste und der Inhaltsleiste ist im Allgemeinen die Einstellung einer H?he von 1 Pixel optimal.

DIV-Tag

1. Der Unterschied zwischen den Tags :

Die gleichen Tags werden im Webseitenlayout verwendet. Ihr Unterschied ist:

• Das Span-Tag ist inline und wird im Allgemeinen verwendet, um die Stile kleiner Module in HTML-Dokumente einzubetten
• Das div-Element selbst ist ein Element auf Blockebene, das haupts?chlich zum Kombinieren gro?er Codebl?cke verwendet wird

2. Wie eine DIV-Layer-Center-Positionierung vornehmen?

Position:absolut;

oben:50%;

links:50%;

Marge:-100px 0 0 -100px;

3. Wie l?st man das Problem des ungültigen Text-Alignment-Attributs verschachtelter div-Tags im Filefox-Browser?

<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>

JavaScript-Skript

1. Funktion zum ?ffnen des Dialogfelds und Abrufen der Eingabefokusfunktion:

Verwenden Sie alert() um das Dialogfeld zu ?ffnen Funktion

Um den Eingabefokus zu erhalten, verwenden Sie focus()Funktion

2. Was ist das Redirect-Funktion von JavaScript? Wie importiere ich eine externe JavaScript-Datei?

Steuerfunktion: window.location.href="Dateiname";

Führen Sie externe JavaScript-Dateien ein:

3. Wenn die Maus über das Textfeld f?hrt, wird der Inhalt im Textfeld automatisch ausgew?hlt:

4

5. Legen Sie den JavaScript-Code der Homepage fest:

Ajax-Anwendung

1. Verwenden Sie Ajax in jQuery, um festzustellen, ob der Benutzername belegt ist: Sie müssen zwei Seiten definieren. php Seitencode lautet wie folgt:

Der in.php-Seitencode lautet wie folgt:

2. Schreiben Sie Code, um ein Jahr in das Textfeld einzugeben, sein Sternzeichen zu bestimmen und es daneben auszugeben Das Textfeld ist erforderlich, um HTML- und JavaScript-Code zu schreiben:

 1 <script type="text/javascript" src="jquery-1.4.2.js"></script>
 2 <input type="text" ><input type="button" value="校驗">
 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></span></span></p>
<p></p>
<p></p>
<pre class="brush:php;toolbar:false"><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> ?>

Der Code für die Startseite Das Design lautet wie folgt:

Code anzeigen

PHP Skript zur Bestimmung des Sternzeichens im Hintergrund:

jQuery Framework

　　目前比較流行的客戶端腳本語言框架jQuery,由美國人John?Resig創(chuàng)建，是優(yōu)秀的JavaScript框架，其宗旨是write less,do more.它是輕量級的js庫，兼容CSS3，兼容各種瀏覽器（IE 6.0⁺）。用戶能更方便地處理HTML?document、events，實現(xiàn)動畫效果，并且可以方便地為網站提供AJAX交互。jQuery另一個比較大的優(yōu)勢是，它的文檔說明很全，而且各種應用也說的很詳細，同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的HTML頁保持代碼和HTML內容的分離，也就是說，不用再在HTML里面插入一堆js來調用命令了，只需定義id即可。

1.jQuery中常用選擇器：

基本選擇器：

　　id選擇器：只能用一次

　　class選擇器：允許重復使用

　　標簽選擇器

　　*：匹配所有元素

層次選擇器：

　　$("#a.b")?選取id值為a的元素里所有class值為b的元素。

　　$("#a>.b")?選取id值為a的元素后的class值為b的子元素。

　　$("#a+.b")?選取id值為a的元素后緊挨的class值為b的元素。

過濾選擇器：

　　：first，選取第一個元素。

　?。簅dd,選取索引是奇數(shù)的元素。

　?。篹ven,選取索引是偶數(shù)的元素。

　　：not,選取除某元素外的其他元素。

　?。篹q(),按索引尋找元素。

　?。簂t(),小于某索引值的元素。

　?。篻t,大于某索引值的元素。

2.如何實現(xiàn)查找DOM樹中的元素？

var input = $("input:first");

　3.如何在DOM樹中創(chuàng)建并插入元素？

<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標簽內容的后面</span><span>6</span> $("div").before(title);<span>//</span><span>將title追加到div標簽之前與div標簽屬于同一層次</span><span>7</span> $("div").prepend(title);<span>//</span><span>將title追加到div標簽內容之前</span><span>8</span> $("div").after(title);<span>//</span><span>將title追加到div標簽之后與div標簽屬于同一層次</span><span>9</span> </script>

4.如何在DOM樹中替換指定元素？

<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>

　　5.將一張圖片以淡出的效果消失在頁面中：

<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>

　　6.制作一個按鈕，當按鈕被單擊時以卷簾效果消失：

<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>

　　7.照片輪換效果：

<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>   

---

鑒于最近要準備各種期末考和大作業(yè)，發(fā)博時間明顯減少，勞煩多多理解啊！本篇都是利用零碎時間編輯的，現(xiàn)在大功告成還是挺滿足啦，若您覺得有幫助，可以隨手點個贊。

以上就介紹了PHP求職寶典系列——PHP Web 編程篇，包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。