80 lines
3.2 KiB
TypeScript
80 lines
3.2 KiB
TypeScript
'use client'
|
|
export default function RegistForm() {
|
|
return (
|
|
<>
|
|
<div className="inquiry-frame">
|
|
<div className="data-form-wrap">
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">
|
|
お問い合わせタイプ <i className="import">*</i>
|
|
</div>
|
|
<div className="data-input">
|
|
<select className="select-form" name="" id="">
|
|
<option value="">屋根適合</option>
|
|
<option value="">屋根適合</option>
|
|
<option value="">屋根適合</option>
|
|
<option value="">屋根適合</option>
|
|
<option value="">屋根適合</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">
|
|
お問い合わせタイトル <i className="import">*</i>
|
|
</div>
|
|
<div className="data-input">
|
|
<select className="select-form" name="" id="">
|
|
<option value="">モジュールの取り付けを確認するかどうか</option>
|
|
<option value="">モジュールの取り付けを確認するかどうか</option>
|
|
<option value="">モジュールの取り付けを確認するかどうか</option>
|
|
<option value="">モジュールの取り付けを確認するかどうか</option>
|
|
<option value="">モジュールの取り付けを確認するかどうか</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">
|
|
お問い合わせタイプ <i className="import">*</i>
|
|
</div>
|
|
<div className="data-input">
|
|
<textarea className="textarea-form" rows={6} name="" id="" placeholder="TextArea Filed"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="inquiry-file-wrap">
|
|
<div className="filebox">
|
|
<label className="btn-frame l-blue icon" htmlFor="file">
|
|
<i className="btn-clip"></i>Attach ファイル
|
|
</label>
|
|
<input type="file" id="file" />
|
|
</div>
|
|
<div className="file-list-wrap">
|
|
<div className="file-list-tit">
|
|
添付ファイル<span>2</span>個
|
|
</div>
|
|
<ul className="file-list">
|
|
<li className="file-item">
|
|
<div className="file-item-bx">
|
|
<div className="file-item-name">添付ファイル名.jpg </div>
|
|
<button className="file-del"></button>
|
|
</div>
|
|
</li>
|
|
<li className="file-item">
|
|
<div className="file-item-bx">
|
|
<div className="file-item-name">添付ファイル名.jpg </div>
|
|
<button className="file-del"></button>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div className="sale-edit-btn">
|
|
<button className="btn-frame n-blue icon">
|
|
登録<i className="btn-arr"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|