亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

PHP開発投稿コメント機能チュートリアルHTMLページ

私たちの HTML ページの構(gòu)造は、主にコメント リストの読み取り <div id="comments"> とコメントを投稿するための

フォーム <div id="post"> で構(gòu)成されています。コードは次のとおりです。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>發(fā)表評論</title>
</head>
<body>
<div class="demo">
    <div id="comments">
        <h3>評論列表</h3>
    </div>
    <div id="post">
        <h3>發(fā)表評論</h3>
        <p>昵稱:</p>
        <p><input type="text" class="input" id="user" /></p>
        <p>評論內(nèi)容:</p>
        <p><textarea class="input" id="txt" style="width:100%; height:80px"></textarea></p>
        <p><input type="submit" value="發(fā)表" id="add" /></p>
        <div id="message"></div>
    </div>
</div>
</body>
</html>
CSS スタイルを追加します
CSS を使用して、コメントが正常に投稿された後のプロンプト メッセージのスタイルを制御することに注意してください。

りー

學(xué)び続ける
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>發(fā)表評論</title> <style type="text/css"> .demo{ width:500px; margin: 0 auto; } h3{ font-size:18px } #comments{ margin:10px auto } #post{ margin-top:10px } #comments p,#post p{ line-height:30px } #comments p span{ margin:4px; color:#999 } #message{ position:relative; display:none; width:100px; padding:4px; margin-top:-100px; margin-left:30px; background: #ff0000; color: #c286ff; z-index:1001 } </style> </head> <body> <div class="demo"> <div id="comments"> <h3>評論列表</h3> </div> <div id="post"> <h3>發(fā)表評論</h3> <p>昵稱:</p> <p><input type="text" class="input" id="user" /></p> <p>評論內(nèi)容:</p> <p><textarea class="input" id="txt" style="width:100%; height:80px"></textarea></p> <p><input type="submit" value="發(fā)表" id="add" /></p> <div id="message"></div> </div> </div> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現(xiàn)時點ではコースウェアはダウンロードできません?,F(xiàn)在スタッフが整理中です。今後もこのコースにもっと注目してください?