PHP Webプログラミング
フォーム
1. POSTとGETの送信の最大容量をそれぞれ簡単に説明してください
2. フォームを通じてアップロードされたファイルのサイズを制御するにはどうすればよいですか?
3. フォームに読み取り専用属性を設定するにはどうすればよいですか?
4. $name と $_POST['name'] はどのような状況で同じ意味で使用できますか?
php.iniファイルで register_globals = On の場合、 $name と $_POST['name'] はどちらもフォーム form (post モードで送信) のフォーム要素名の値を取得できます。
ただし、register_globalsすべての変数を有効にすることは、プログラムにセキュリティ上のリスクをもたらすため、お勧めできません。
CSSスタイル
1.CSSの意味とは何ですか？
CSS（Cascading Style Sheet、「Cascading Style Sheet」または「Cascading Style Sheet」と訳される）言語は、解釈を必要とせず、直接使用できるマークアップ言語です。ブラウザ Web ページの外観を制御するための解釈と実行 (ブラウザ解釈言語に属する)。これは、表示属性の設定における HTML の欠点を補うために、W3C Association によって指定された一連の拡張スタイル標準です。
その機能は次のとおりです:
2. HTML ページに CSS スタイルを挿入する方法は何通りありますか?
3. CSS スタイルの一般的に使用される属性:
4. IE6で以下のコードの二重マージン問題を解決するにはどうすればよいでしょうか？ これはIE6でよくあるバグです。定義されたマージンは10pxですが、IEはそれを20pxとして解析します。 解決策: 属性display:inlineを追加します 5. ハイパーリンクをクリックした後にホバースタイルが表示されない問題を解決するにはどうすればよいですか? ハイパーリンクのスタイル属性を正しく並べ替えるだけです。 a:link{color:red;text-docoration:none} a:訪問済み{color:blue;text-decoration:none} a:hover{color:black;text-decoration:overline} a:action{color:black;text-decoration:overline} 6. Firefoxブラウザでテキストがコンテナの高さを開くことができない問題を解決するにはどうすればよいですか？ min-width と min-height の 2 つの CSS プロパティを追加します。また、clear:both 属性を使用してクリアな配置クラスを div に追加し、Firefox ブラウザーの高さを自動的に計算することもできます。 。 7. 高さ1px程度のコンテナを定義するにはどうすればよいでしょうか？ Webページのレイアウトの過程では、ナビゲーションバーとコンテンツバーの間にパーティションが必要になることがよくありますが、一般的には高さを1ピクセルに設定するのが最適です。 DIVタグ 1. タグ と 2. DIVレイヤーを中央に配置するにはどうすればよいですか？ 位置:絶対; トップ:50%; 左:50%; margin:-100px 0 0 -100px; 3. filefox ブラウザでネストされた div タグの無効な text-align 属性の問題を解決するにはどうすればよいですか? JavaScript 1. ダイアログボックスをポップアップし、入力フォーカス関数を取得する関数: alert() 関数を使用してダイアログボックスをポップアップします
focus()関数を使用します
2. JavaScriptのリダイレクト機能とは何ですか？外部 JavaScript ファイルをインポートするにはどうすればよいですか? ステアリング機能: window.location.href="ファイル名";
外部 JavaScript ファイルの紹介:
3. マウスがテキストボックス上を移動すると、テキストボックス内のコンテンツが自動的に選択されます:
4
5. ホームページのJavaScriptコードを設定します:
Ajax 应用 1.利用 jQuery中的Ajax判断用户名是否被占用： 需要定义两个页面，index.php 页面代码如下: in.php 页面代码如下： 2. 编写代码，使得在文本框中输入一个年份，判断其生肖，并在文本框旁边输出，要求写出HTML和JavaScript代码： 前台页面设计的代码如下： 后台判断生肖的PHP脚本： jQuery框架 目前比较流行的客户端脚本语言框架jQuery,由美国人John Resig创建，是优秀的JavaScript框架，其宗旨是write less,do more.它是轻量级的js库，兼容CSS3，兼容各种浏览器（IE 6.0+）。用户能更方便地处理HTML document、events，实现动画效果，并且可以方便地为网站提供AJAX交互。jQuery另一个比较大的优势是，它的文档说明很全，而且各种应用也说的很详细，同时还有许多成熟的插件可供选择。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，选取第一个元素。 ：odd,选取索引是奇数的元素。 ：even,选取索引是偶数的元素。 ：not,选取除某元素外的其他元素。 ：eq(),按索引寻找元素。 ：lt(),小于某索引值的元素。 ：gt,大于某索引值的元素。 2.如何实现查找DOM树中的元素？ var input = $("input:first"); 3.如何在DOM树中创建并插入元素？ 4.如何在DOM树中替换指定元素？ 5.将一张图片以淡出的效果消失在页面中： 6.制作一个按钮，当按钮被单击时以卷帘效果消失： 7.照片轮换效果： 鉴于最近要准备各种期末考和大作业，发博时间明显减少，劳烦多多理解啊！本篇都是利用零碎时间编辑的，现在大功告成还是挺满足啦，若您觉得有帮助，可以随手点个赞。
属性名
分析
境界線
境界線のプロパティを定義して、境界線の幅、色、スタイルを設定します
背景色
背景色を設定する
背景画像
背景画像を設定します
フォントサイズ
フォントサイズを設定する
フォントファミリー
フォントを設定する
テキスト装飾
下線、点滅など、オブジェクト内のテキストの装飾を取得または設定します。
行の高さ
オブジェクトの行の高さ、つまりフォントの下部とフォント内部の上部の間の距離を取得または設定します
文字間隔
オブジェクト内のテキスト間の間隔を取得または設定します
テキスト整列
オブジェクト内のテキストの配置を設定または取得します
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> 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> ?>
1 <html>
2 <head>
3 <meta http-equiv="Content-type" content="text/html;charset="UTF-8"">
4 <script type="text/javascript" src="jequery-1.4.2.js">script>
5 <title>生肖的自动选择title>
6 head>
7 <body>
8 <input type="text" value="请输入年份格式为2015" onclick="this.select()">
9 <input type="submit" value="判断">
10 <span>span>
11 <script>
12 $(function(){
13 $("input:last").click(function(){
14 $.get("in.php",{
15 number:$("input:first").val()
16 },function(data){
17 $("span").text(data);
18 });
19 });
20 });
21 script>
22 body>
23 html>
View Code
<span>1</span> <?<span>php
</span><span>2</span> <span>if</span>(<span>isset</span>(<span>$_GET</span>[<span>number</span><span>])){
</span><span>3</span> <span>$array</span>=<span>array</span>("猪","鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗"<span>)；
</span><span>4</span> <span>foreach</span>(<span>$array</span> <span>as</span> <span>$key</span>=><span>$value</span><span>) {
</span><span>5</span> <span>if</span>(<span>ceil</span>(<span>$_GET</span>[<span>number</span>]%12)==<span>$key</span><span>){
</span><span>6</span> <span>echo</span> <span>$value</span><span>;
</span><span>7</span> <span> }
</span><span>8</span> <span> }
</span><span>9</span> }
<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><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="按钮">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 class="change">
<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
