重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

php、HTML5に詳しいかた。HTML5ではテーブル内にdivや<section>、</label>タグを使用することができないのですが、テーブルのタグはどうしても使用したいので、 divやSection、labelの代わりになるタグはありますでしょうか? divの代わりのタグは何を使用しようしたらよいでしょうか?
また、 Section、labelの代わりに使えるタグはありますでしょうか?
スクロールボックスとラジオボタンのコードを書いています。

テーブルを使わない方法もできそうな気がしますが、ただ、phpコードの最後にある、<td colspan="2"><input type ="submit" name="submit"value ="送信する"></td> この内容のコードは参考書に書いてあったので、そのまま、使っているため、
いるため、これと同じ内容のコードをtd以外で使えるといいのですが。

コードは以下になります。
<?php


session_start();

if(isset($_SESSION['name'])){

$email = $_SESSION['email'];

}

$_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(48));

$token = htmlspecialchars($_SESSION['token'], ENT_QUOTES);

?>

<!DOCTYPE html>

<html>
<head>
<meta charset ="utf-8">
<link rel="stylesheet" href="kiyaku.css">


<title></title>
</head>
<body>

<form action ="hpform3.php" method ="post">

<input type ="hidden" name ="token" value ="<?php echo $token ?>">

<table>
<tr>

<th>名前:</th><td><?php echo $name; ?></td>
</tr>
<tr>

<h3>利用規約</h3>

<div class="main">

<h4>第1条 (定義)</h4>

<p>「ユーザー」とは、文脈上異なる意味であることが明らかな場合</p>

<br>
<p>以上</p>

<p>平成30年8月30日制定<br>
株式会社〇○</p> </div>


<section>
<label class="radio_text">
<input type="radio" name="hogehoge" value="hoge" checked>同意する
</label>
<label class="radio_text">
<input type="radio" name="hogehoge" value="hoge">同意しない
</label>
</section>

<td colspan="2"><input type ="submit" name="submit"value ="送信する"></td>
</tr>
</table>
</form>

<p><p><a href="form1.php?action=edit">入力画面へ戻る</a></p>

</body>
</html>


〇ccsのコード

h4{
color: #63e02d;

}
/*スクロール内のボックスの指定*/
.main{
width:550px;
height:350px;
border: 2px solid #63e02d;
overflow: auto;
color: #63e02d;
}

/*スクロールのつまみ部分の指定*/
.main::-webkit-scrollbar-thumb
{
border-radius: 5px;
}

/*ラジオボタンRadioとText*/
label.radio_text {
cursor : pointer;
position : relative;
margin-right : 20px;
overflow : hidden;
padding-left : 20px;
display : inline-block;
}

A 回答 (3件)

<table>を一旦閉じて、<section>なり<div>なり<label>なりを使えばいいんじゃないでしょうか?



<form>の中に複数の<table>が入っても問題ないわけですし(フローコンテンツですから)。

どうしても<table>ひとつで解決したいのであれば<td>のなかにそれぞれの要素を入れればいいと思いますが、タグの「意味」としては、本文の<h3><h4>なのに、表の中に(本文の)<h3><h4>が入るのは、なんだか気持ち悪いですよね。
    • good
    • 0
この回答へのお礼

ありがとうございました。解決出来ました

お礼日時:2021/04/12 16:35

divが使えない理由はなんでしょうか?

    • good
    • 0

質問のhtmlを見る限り、


tableじゃない方がいいような気もしますが・・・。

どうしてもということであれば、trタグの中にtdタグを入れて、
フロートコンテンツを入れることになると思います。

(参考)https://webliker.info/46840/#toc_14
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!