※ ChatGPTを利用し、要約された質問です(原文:php、HTML5に詳しいかた。)
テーブル内にdivや<section>、</label>タグを使用することができない場合の代替タグはあるか?
このQ&Aのポイント
テーブル内にdivや<section>、</label>タグを使用することができない場合、divの代わりのタグやSection、labelの代わりに使えるタグはありますか?また、テーブルを使わずに同じコードを実現できる方法はありますか?
テーブル内にdivや<section>、</label>タグを使用することができない場合、divの代わりのタグやSection、labelの代わりに使えるタグはありますか?また、テーブルを使わずに同じコードを実現できる方法はありますか?
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;
}
お礼
ありがとうございます解決出来ました。