編集の要約なし
Masashi.oikawa (トーク | 投稿記録) ページの作成:「<htmlet nocache="yes">copyrightForm</htmlet>」 |
Masashi.oikawa (トーク | 投稿記録) 編集の要約なし |
||
1行目: | 1行目: | ||
< | <html> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.14.3/dist/css/uikit.min.css" /> | |||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.14.3/dist/js/uikit.min.js"></script> | |||
<script src="https://cdn.jsdelivr.net/npm/uikit@3.14.3/dist/js/uikit-icons.min.js"></script> | |||
<script> | |||
function check(){ | |||
if(window.confirm('送信してよろしいですか?')){ | |||
return true; | |||
} else { | |||
window.alert('キャンセルされました。'); | |||
return false; | |||
} | |||
} | |||
</script> | |||
<form class="uk-form-stacked" method="post" onSubmit="return check()"> | |||
<div class="uk-margin"> | |||
<label class="uk-form-label" for="name">名前</label> | |||
<div class="uk-inline"> | |||
<span class="uk-form-icon" uk-icon="icon: user"></span> | |||
<input class="uk-input" id="name" name="name" required> | |||
</div> | |||
</div> | |||
<div class="uk-margin"> | |||
<label class="uk-form-label" for="company">所属</label> | |||
<div class="uk-inline"> | |||
<span class="uk-form-icon" uk-icon="icon: world"></span> | |||
<input class="uk-input" id="company" name="company" required> | |||
</div> | |||
</div> | |||
<div class="uk-margin"> | |||
<label class="uk-form-label" for="email">メールアドレス</label> | |||
<div class="uk-inline"> | |||
<span class="uk-form-icon" uk-icon="icon: mail"></span> | |||
<input class="uk-input" type="mail" id="email" name="email" required> | |||
</div> | |||
</div> | |||
<div class="uk-margin"> | |||
<div class="uk-form-label">使用目的</div> | |||
<div class="uk-form-controls uk-form-controls-text"> | |||
<label><input class="uk-radio" type="radio" name="usage" value="営利" required>営利(商用を目的とする場合―販促資料など)</label><br> | |||
<label><input class="uk-radio" type="radio" name="usage" value="准営利">准営利(営利として出版活動を行う出版社など)</label><br> | |||
<label><input class="uk-radio" type="radio" name="usage" value="その他">その他</label> | |||
</div> | |||
</div> | |||
<div class="uk-margin"> | |||
<label class="uk-form-label" for="message">詳細事項</label> | |||
<textarea class="uk-textarea" id="message" name="message" rows="20" required> | |||
■転載元 | |||
・URL | |||
・内容 | |||
■転載先(媒体) | |||
印刷物/電子書籍/電子媒体/その他 | |||
■転載先 | |||
・制作物 | |||
・使用目的 | |||
・発行部数 | |||
・発行(公開)予定日 | |||
■特記事項 | |||
</textarea> | |||
</div> | |||
<button class="uk-button uk-button-default">送信する</button> | |||
</form> | |||
</html> |