OSDN Git Service

[update] : テーブル化
authorhayao <shun819.mail@gmail.com>
Tue, 1 Sep 2020 10:51:05 +0000 (19:51 +0900)
committerhayao <shun819.mail@gmail.com>
Tue, 1 Sep 2020 10:51:05 +0000 (19:51 +0900)
index.php
pc.css

index 816bc46..3e3b986 100644 (file)
--- a/index.php
+++ b/index.php
             <form method="POST">
                 <h2>ビルド設定</h2>
 
-                <!-- Plymouth ここから-->
-                <h3>Plymouth</h3>
-                <label for="plymouth_enable">
-                    <input type="radio" name="plymouth" value="enable" id="plymouth_enable" checked>
-                    有効
-                </label>
-                <label for="plymouth_disable">
-                    <input type="radio" name="plymouth" value="disable" id="plymouth_disable">
-                    無効
-                </label>
-                <!-- Plymouth ここまで-->
-
-                <!-- クリーニング ここから-->
-                <h3>クリーニング</h3>
-                <label for="clean_enable">
-                    <input type="radio" name="clean" value="enable" id="clean_enable" checked>
-                    有効
-                </label>
-                <label for="clean_disable">
-                    <input type="radio" name="clean" value="disable" id="clean_disable">
-                    無効
-                </label>
-                <!-- クリーニング ここまで-->
-
-                <!-- tarball ここから-->
-                <h3>Tarball</h3>
-                <label for="tarball_enable">
-                    <input type="radio" name="tarball" value="enable" id="tarball_enable">
-                    有効
-                </label>
-                <label for="tarball_disable">
-                    <input type="radio" name="tarball" value="disable" id="tarball_disable" checked>
-                    無効
-                </label>
-                <!-- tarball ここまで-->
-
-                <!-- アーキテクチャ ここから-->
-                <h3>アーキテクチャ</h3>
-                <select name="architecture" id="architecture">
-                    <option value="i686">i686</option>
-                    <option value="x86_64" selected>x86_64</option>
-                </select>
-                <!-- アーキテクチャ ここまで-->
-
-                <!-- 圧縮設定 ここから-->
-                <h3>Squashfsの圧縮方式</h3>
-                <select name="sfs-comp-type" id="sfs-comp-type">
-                    <option value="gzip">gzip</option>
-                    <option value="lzma">lzma</option>
-                    <option value="lzo">lzo</option>
-                    <option value="lz4">lz4</option>
-                    <option value="xz">xz</option>
-                    <option value="zstd" selected>zstd</option>
-                </select>
-                <!-- 圧縮設定 ここまで-->
-
-                <!-- ユーザー ここから-->
-                <h3>ライブ環境ユーザー</h3>
-                <h4>ユーザー名</h4>
-                <input type="text" id="username" placeholder="alter" value="alter">
-                <h4>パスワード</h4>
-                <input type="password" id="password" placeholder="alter" value="alter">
-                <!-- ユーザー ここまで-->
-
-                <!-- デバッグ用オプション ここから -->
-                <h3>デバッグ用設定</h3>
-                <h4>デバッグメッセージ</h4>
-                <label for="debug_enable">
-                    <input type="radio" name="debug" value="enable" id="debug_enable">
-                    有効
-                </label>
-                <label for="debug_disable">
-                    <input type="radio" name="debug" value="disable" id="debug_disable" checked>
-                    無効
-                </label>
-
-                <!-- デバッグ用オプション ここまで -->
+                <table>
 
-                <input type="button" value="生成" onClick="startgen()">
+                    <!-- Plymouth ここから-->
+                    <tr>
+                        <td class="table_title"><h3>Plymouth</h3></td>
+                        <td>有効にすると起動時にアニメーションを表示します</td>
+                        <td>
+                            <label for="plymouth_enable"><input type="radio" name="plymouth" value="enable" id="plymouth_enable" checked>有効</label>
+                            <label for="plymouth_disable"><input type="radio" name="plymouth" value="disable" id="plymouth_disable">無効</label>
+                        </td>
+                    </tr>
+                    <!-- Plymouth ここまで-->
+
+                    <!-- クリーニング ここから-->
+                    <tr>
+                        <td class="table_title"><h3>クリーニング</h3></td>
+                        <td>ビルド中に不要なファイルを削除します</td>
+                        <td>
+                            <label for="clean_enable"><input type="radio" name="clean" value="enable" id="clean_enable" checked>有効</label>
+                            <label for="clean_disable"><input type="radio" name="clean" value="disable" id="clean_disable">無効</label>
+                        </td>
+                    </tr>
+                    <!-- クリーニング ここまで-->
+
+                    <!-- tarball ここから-->
+                    <tr>
+                        <td class="table_title"><h3>Tarball</h3></td>
+                        <td>Tarball形式でビルドします</td>
+                        <td>
+                            <label for="tarball_enable"><input type="radio" name="tarball" value="enable" id="tarball_enable">有効</label>
+                            <label for="tarball_disable"><input type="radio" name="tarball" value="disable" id="tarball_disable" checked>無効</label>
+                        </td>
+                    </tr>
+                    <!-- tarball ここまで-->
+
+
+
+                    <!-- アーキテクチャ ここから-->
+                    <tr>
+                        <td class="table_title"><h3>アーキテクチャ</h3></td>
+                        <td>ビルドするアニメーションを指定します</td>
+                        <td>
+                            <select name="architecture" id="architecture">
+                                <option value="i686">i686</option>
+                                <option value="x86_64" selected>x86_64</option>
+                            </select>
+                        </td>
+                    </tr>
+                    <!-- アーキテクチャ ここまで-->
 
-                <h3>実行結果</h3>
-                <textarea id="output" disabled></textarea>
 
+                    <!-- 圧縮設定 ここから-->
+                    <tr>
+                        <td class="table_title"><h3>Squashfsの圧縮方式</h3></td>
+                        <td>Rootfsの圧縮方式を指定します</td>
+                        <td>
+                              <select name="sfs-comp-type" id="sfs-comp-type">
+                                <option value="gzip">gzip</option>
+                                <option value="lzma">lzma</option>
+                                <option value="lzo">lzo</option>
+                                 <option value="lz4">lz4</option>
+                                <option value="xz">xz</option>
+                                <option value="zstd" selected>zstd</option>
+                            </select>
+                        </td>
+                    </tr>
+                    <!-- 圧縮設定 ここまで-->
 
+                    <!-- ユーザー ここから-->
+                    <tr>
+                        <td class="table_title"><h3>ライブ環境ユーザー名</h3></td>
+                        <td>ライブ環境のユーザー名を指定します</td>
+                        <td><input type="text" id="username" placeholder="alter" value="alter"></td>
+                    </tr>
+                    <tr>
+                        <td class="table_title"><h3>ライブ環境パスワード</h3></td>
+                        <td>ライブ環境のユーザーのパスワードを設定します</td>
+                        <td><input type="password" id="password" placeholder="alter" value="alter"></td>
+                    </tr>
+                    <!-- ユーザー ここまで-->
+
+                    <!-- デバッグ用オプション ここから -->
+                    <tr>
+                        <td class="table_title"><h3>デバッグメッセージ</h3></td>
+                        <td>デバッグメッセージを表示します</td>
+                        <td>
+                            <label for="debug_enable"><input type="radio" name="debug" value="enable" id="debug_enable">有効</label>
+                            <label for="debug_disable"><input type="radio" name="debug" value="disable" id="debug_disable" checked>無効</label>
+                        </td>
+                    </tr>
+                    <!-- デバッグ用オプション ここまで -->
+
+                </table>
+
+
+
+                <h2>実行</h2>
+                <textarea id="output" disabled></textarea><br>
+                <input type="button" value="生成" onClick="startgen()">
             </form>
         </main>
         
diff --git a/pc.css b/pc.css
index abadc11..6bec785 100644 (file)
--- a/pc.css
+++ b/pc.css
@@ -16,5 +16,17 @@ header {
 
 main {
     border: 1px black solid;
-    padding-left: 2%;
+    padding: 2%;
+}
+
+select, input[type="text"], input[type="password"]{
+    width: 100%;
+}
+
+td {
+    width: 37.5%;
+}
+
+.table_title {
+    width: 25%;
 }
\ No newline at end of file