CINXE.COM

メールフォーム

<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="expires" content="86400"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=580"> <meta name="format-detection" content="telephone=no"> <meta property="og:title" content="メールフォーム" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://ws.formzu.net/fgen/S76015317/" /> <meta property="og:image" content="https://ws.formzu.net/image/public/formzu-logo-ogp.png" /> <meta property="og:site_name" content="formzu" /> <meta property="og:description" content="ネタ投稿等、ご自由にどうぞツイートのブログへの引用はTwitter社が許可している機能です。他人のTwitterの投稿をブログに使用するのに許可は必要?詳しいブログ:http://goo.gl/lq1kn4パクツイを記事にした場合は元ツイートを送ってください、修正致します。" /> <meta property="fb:app_id" content="468599450150995" /> <meta name="twitter:card" content="summary" /> <title>メールフォーム</title> <link rel="icon" href="/favicon.ico"> <style type="text/css" media="all"> body {font-family: meiryo, 'MS PGothic', 'Hiragino Kaku Gothic Pro', sans-serif;-webkit-text-size-adjust: 100%;}body,div,p,form,input,textarea,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td {margin: 0;padding: 0;}input, textarea, select {font-size: 0.9em;line-height: 1.0em;padding: 2px;margin: 0px 0px 0px 0px;font-family: monospace;}input[type="file"] {width: 100%;}p {font-size: 1.0em;font-weight: normal;font-style: normal;line-height: 1.4em;}th {white-space: normal;text-align: left;font-weight: normal}li {list-style-type: none;}button {padding: 3px;}label {cursor: pointer;}body {background-color: #FFFFFF;}.comform-wrap {box-sizing: border-box;position: relative;margin: 8px auto 8px auto;overflow: auto;margin-top: 8px;max-width: 580px;border: 1px solid #ffffff;background-color: #ffffff;padding: 4px 4px 0px 4px;}.comform-title {text-align: center;max-width: auto;font-size: 16px;line-height: 1.6em;color: #ffffff;background-color: #B7B7B7;border: 1px solid #AAAAAA;font-weight: bold;padding: 4px;margin: 8px auto 16px auto; background: linear-gradient(to bottom, #B7B7B7, #929292); text-shadow: 1px 1px 1px #555555;}.comform-container {box-sizing: border-box;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}.comform-row {table-layout: fixed;display: table;width: 100%;}.comform-row .itemTitle {display: table-cell;width: 30%;vertical-align: top;padding: 10px 10px 10px 10px;font-weight: bold;line-height: 1.6;font-size: 15px;color: #555555;background-color: #EEEEEE;border: 0;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;box-sizing: border-box;}.comform-row .itemInput {display: table-cell;width: 70%;vertical-align: text-top;font-size: 15px;line-height: 1.6;color: #555555;background-color: #ffffff;padding: 10px 10px 10px 10px;border: 0;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;box-sizing: border-box;}.itemInput.itemComment {overflow-wrap: break-word;}.itemInput input[type="text"], .itemInput input[type="email"], .itemInput input[type="password"], .itemInput textarea, .itemInput select {font-size: 0.95em;font-family: -apple-system, BlinkMacSystemFont, monospace;line-height: 1.6;padding: 4px 8px 4px 8px;margin: 2px 0px;color: #555;background-color: #fff;border: 1px solid #BBBBBB;}.itemInput select {padding-left: 0px;padding-right: 0px;max-width: 100%;}.itemInput input[type="radio"], .itemInput input[type="checkbox"] {vertical-align: middle;height: 15px;width: 15px;margin: 0 0.1em 0 0;position: relative;top: -0.1em;}.itemInput select option {color: #444;background-color: #fff;}.itemInput figure {margin: 0;}.itemInput input[type="text"], .itemInput input[type="email"], .itemInput input[type="password"], .itemInput textarea, .itemInput select {box-shadow: 0px 1px 2px 0px #ddd inset;border-radius: 4px;}.itemInput input[type="text"]:focus, .itemInput input[type="email"]:focus, .itemInput textarea:focus, .itemInput select:focus {box-shadow: 0px 0px 3px #f05050;}.itemInput label:hover {text-shadow: 0px 0px 2px #dd8080;}.comform-row figure img[onclick]:hover {cursor: pointer;}.annot {color: #dc143c;font-size: 0.9em;padding: 0px;display: inline-block;vertical-align: top;overflow-wrap: break-word;width: 100%;}.annot-upper {margin: 0px 0px 1px 0px;}.annot-lower {margin: 1px 0px 0px 0px;}.req-mark {display: inline-block;font-size: 0.8em;height: 1.4em;color: #ff0000;background-color: ;font-family: meiryo, 'Hiragino Kaku Gothic Pro', sans-serif;white-space: nowrap;border-radius: 4px;position: relative;padding: 0.1em 0.2em;margin: 0 0 0 0.2em;}.checkLabel {margin: 0px 4px;font-size: 0.9em;display: inline-block;}.tkaddress {display: inline-table;}.tkaddress th {background : 0;border: 0;padding: 0px 2px 0px 0px;text-align: left;}.tkaddress td {background : 0;border: 0;padding: 0px;}.tkaddress .search-address-button {padding: 1px 1px 1px 1px;font-size: 0.8em;}.choice-table {display: inline-table;border-spacing: 0;vertical-align: top;}.choice-table td {padding: 2px 4px 2px 18px;text-indent: -16px;}.choice-table td label {margin: 0px 0px 0px 2px;}.grid-item {display: inline-table;border-spacing: 0;vertical-align: top;}.grid-item-row {display: table-row;}.grid-item-colname {display: table-cell;padding: 4px;text-align: center;}.grid-item-rowname {display: table-cell;padding: 4px 0;}.grid-item-radio {display: table-cell;padding: 4px;text-align: center;border-radius: 4px;}.grid-item-radio:hover {background-color: rgba(255, 230, 230, 0.7);}.scale-table {}.scale-table td {text-align: center;padding: 0px 4px 0px 4px;}.blockConnect {display: inline-block;margin: 0px;vertical-align: top;}.comform-title, .itemTitle, .itemInput, .itemInput select, .annot, #form-button button, .proc-step {font-family: meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;}.form-buttons {text-align: center;margin: 16px 0px;padding: 0;}.form-buttons button {font-size: 13px;}.form-buttons .return-top {margin: 0 32px 0 0;}#save-load-layer {position: fixed;top: -1px;left: 50%;margin-left: 105px;width: 180px;box-sizing: border-box;border: 1px solid #CCCCCC;border-radius: 0px 0px 6px 6px;box-shadow: 0px 1px 3px #999;background-color: #EEEEEE;padding: 2px;font-size: 12px;color: #555555;z-index: 10;}#save-load-layer #save-load-title {text-align: center;background: 5px 0px url(/image/save-icon16.png) no-repeat;text-decoration: underline;}#save-load-layer #save-load-title:hover {cursor: pointer;}#save-load-layer #save-load-message {text-align: center;color: crimson;background-color: #fff;border-radius: 2px;text-shadow: 1px 1px 1px #ddd;}#save-load-buttons {margin: 2px 0px 2px 0px;padding: 2px;color: #444;}#save-load-buttons li {margin: 0px 0px 8px 0px;}#save-load-buttons button {width: 100%;line-height: 2.0em;padding: 2px 4px;margin: 0px 4px 2px 0px;color: #ffffff;background-color: #B7B7B7;border: 1px solid #ddd;border-radius: 4px;}#save-load-buttons button:hover {text-decoration: underline;background-color: #929292}@media print { #save-load-layer { display: none; }}#advertising-top {background-color: #ffffff;margin: 16px 0px 16px 0px;text-align: center;height: 24px;width: auto;padding: 0;overflow: hidden;}#advertising-top {margin: -16px 0px -2px 0px;height: 58px;}#advertising-top #ie8-hack {/* width: 800px; */width: auto\9;}#advertising-top:hover {border-color: #ffedc0;/* height: 60px; */}#advertising-bottom {margin: 20px 0px 8px 0px;}#advertising-bottom-formzu {text-align: center;font-size: 12px;line-height: 1.8em;/*height: 40px;*/color: #555;background-color: rgba(255, 255, 255, 0.75);border: 1px solid #ddd;padding: 8px 4px;}#advertising-bottom-formzu a {color: #555;text-decoration: none;}.form-buttons .back-button {margin-right: 32px;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.4.0.min.js" integrity="sha256-mBCu5+bVfYzOqpYyK4jm30ZxAZRomuErKEFJFIyrwvM=" crossorigin="anonymous"></script> <script type="text/javascript" src="/js/form-save-user-entry.min.js?d=20220420"></script> <!-- Formzu GA4 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-T8GWZ4ETK0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-T8GWZ4ETK0', { send_page_view: true, }); </script> </head> <body id="body"> <div id="save-load-layer" onmouseover="$('#save-load-buttons').show()" onmouseout="$('#save-load-buttons').hide()"> <div id="save-load-title" onclick="toggleSaveLoadButton()">入力内容保存/読込</div> <div id="save-load-message"></div> <div id="save-load-buttons" style="display: none;"> <ul> <li><button type="button" id="buttonLoadEntryData" onclick="loadEntryData('S76015317')">保存したデータ読込</button></li> <li><button type="button" onclick="saveEntryData('S76015317')">現在の入力内容を保存</button></li> <li><button type="button" onclick="removeEntryData('S76015317')">保存データ削除</button></li> </ul> <div style="margin: 2px 0px 0px 0px; text-align: center;">保存日:<span id="save-load-date"></span></div> </div> </div> <div class="comform-wrap"> <h1 class="comform-title">メールフォーム </h1> <form action="/fgen/S76015317/" method="post" onSubmit="return false;" novalidate="novalidate" > <div class="comform-container"> <div class="comform-row"><div class="itemInput itemComment">ネタ投稿等、ご自由にどうぞ<br /> <br /> ツイートのブログへの引用はTwitter社が許可している機能です。<br /> <br /> 他人のTwitterの投稿をブログに使用するのに許可は必要?<br /> 詳しいブログ:<a href="http://goo.gl/lq1kn4" target="_blank">http://goo.gl/lq1kn4</a><br /> <br /> パクツイを記事にした場合は元ツイートを送ってください、修正致します。</div><!-- itemInput --></div><!-- comform-row --> <div class="comform-row"><div class="itemTitle">お名前<span class="req-mark">必須</span></div><!-- itemTitle --><div class="itemInput"><input type="text" name="tkna001" id="tkna001" size="20" value="" style="width: 100%; max-width:10em;" class="required" /></div><!-- itemInput --></div><!-- comform-row --> <div class="comform-row"><div class="itemTitle">メールアドレス<span class="req-mark">必須</span></div><!-- itemTitle --><div class="itemInput"><input type="email" name="tkem001" id="tkem001" size="30" value="" style="width: 100%; max-width:15em;" class="required" /><br><input type="email" name="tkem001-check" id="tkem001-check" size="30" value="" style="width: 100%; max-width:15em;" class="required" /><span class="checkLabel">確認用</span></div><!-- itemInput --></div><!-- comform-row --> <div class="comform-row"><div class="itemTitle">メッセージ<span class="req-mark">必須</span></div><!-- itemTitle --><div class="itemInput"><textarea name="text001" id="text001" rows="5" cols="40" style="width: 100%; max-width: 20em; height: 8em; vertical-align: middle;" class="required" ></textarea></div><!-- itemInput --></div><!-- comform-row --> </div><!-- comform-container --> <div id="form-button" class="form-buttons"> <button type="submit" onKeydown="kc=event.keyCode;if(kc == 13 || kc == 32)goSubmit(this.form);" onmouseup="goSubmit(this.form);">内容確認画面へ</button> <input type="hidden" name="nextAction" id="nextAction" value="confirm"/> </div> <input type="hidden" name="ID" id="formId" value="S76015317"> </form> <div id="advertising-bottom"> <div id="advertising-bottom-formzu"> <div id="formzu-ad-standard" style="display: flex; justify-content: center;"> <a href="http://www.formzu.com/" target="_blank" onclick="ga('send', 'event', 'formzuAd', 'click', 'input')"> <img src="/image/public/formzu-logo-150.png" style="vertical-align: middle;" title="このフォームは「Formzu」で作成しました。"> <span style="display: inline-block;">このフォームは<span style="font-size: 1.2em; padding: 0px 4px;">Formzu</span>で作成しました。</span> </a> </div><!--formzu-ad-standard--> </div><!--advertising-bottom-formzu--> </div><!-- advertising-bottom --> </div> <!-- comform-wrap --> <script type="text/javascript"> function goSubmit(formOb) { if (typeof removeEventBeforeSubmit == 'function') { removeEventBeforeSubmit(); } formOb.submit(); } </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10