会員登録フォーム1

Demo

会員ID

パスワード

郵便番号

ご住所

お名前

携帯電話番号

メールアドレス

View&CSS3

Viewindex.ctpdownload

<div class="cake3_form_user1">

	<?=$this->Form->create(null, ['type' => 'post', 'url' => ['action' => 'index']])?>

		<p>会員ID</p>

		<?=$this->Form->text('username')?>

		<p>パスワード</p>

		<?=$this->Form->password('password')?>

		<p>郵便番号</p>

		<?=$this->Form->text('post_number')?>

		<p>ご住所</p>

		<?=$this->Form->text('address')?>

		<p>お名前</p>

		<?=$this->Form->text('name')?>

		<p>携帯電話番号</p>

		<?=$this->Form->text('tel')?>

		<p>メールアドレス</p>

		<?=$this->Form->text('e_mail')?>
				
		<button type="submit" name="button" value="confirm">確認</button>
	<?=$this->Form->end();?>
</div>

CSS3style.cssdownload

.cake3_form_user1{
	width: 80%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem;
	border: 1px solid #ccc;
}
.cake3_form_user1 p{
	margin-top: 1rem;
}
.cake3_form_user1 input{
	display: block;
	width: 98%;
	height: 2rem;
	outline: none;
	padding-left: 0.5rem;
	margin-top: 0.2rem;
	border: 1px solid #ccc;
}
.cake3_form_user1 button{
	display: block;
	cursor: pointer;
	outline: none;
	padding: 1rem 2rem;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
}
© 2025 wayday