この記事では、プレートのセット、単純なHTMLとCSSです
注意点:
1. <フォームアクション=「PHPファイルアドレス」メソッド=「ポストは」> POSTメソッドのPHPファイルに渡す、スプレッドシートファイルは、処理フォームタグに適用されなければなりません
2.autofocusがテーブルの上にオートフォーカスを入力した後、プレースホルダ：プロンプト内容、消滅すると入力します
CSS：
<スタイルタイプ= "テキスト/ CSS">
.head {テキスト整列：センター;色：＃FAA261;}
.wrap {
幅：600PX。
マージン：0PX自動;
//背景：＃390;
}
.input .content {
マージン底：5pxの。
幅：594px;
高さ：150ピクセル;
}
.input .submit {フロート：右;}
.OUTPUT {マージントップ：5pxの;背景：#CCC;パディング：3px;マージントップ：20ピクセル;}
.OUTPUT .user {色：＃95F;}
.OUTPUT。時間{フロート：右;色：＃6C0;}
</スタイル>
HTML：
<DIV CLASS = "ラップ">
<h1のクラス= "頭">留言板</ H1>
<！ -输入板块- >
<divのクラス= "入力">
<フォームアクション= "save.php"方法= "ポスト">
<TextAreaクラス= "コンテンツ"オートフォーカス= "オートフォーカス"プレースホルダ= "请输入留言内容："> </ TEXTAREA> <BR/>
：</ label>は<ラベル= "テキスト">用户名について
<入力タイプ= "テキスト"クラス= "ユーザー" />
<入力タイプ= "提出"クラス= "提出"値= "提交留言" />
</ FORM>
</ div>
<！ -输出板块- >
<クラス= DIV "出力">
<スパンクラス= "ユーザー">ユーザー名</ span>の
<スパンクラス= "時間">時間</ span>の
<divのクラス= "コンテンツ">
私はああ満足していました
</ div>
</ div>
<DIV CLASS = "出力">
<スパンクラス= "ユーザ">用户名</スパン>
<スパンクラス= "時間">时间</スパン>
<DIV CLASS = "コンテンツ" >
我是内容哦
</ div>
</ div>
<DIV CLASS = "出力">
<スパンクラス= "ユーザ">用户名</スパン>
<スパンクラス= "時間">时间</スパン>
の<divクラス= "コンテンツ">
我是内容哦
</ DIV>
</ DIV>
</ DIV>