- 締切済み
Webを勉強し始めて間もないので基本的な質問で恐縮です。下記のコードを
Webを勉強し始めて間もないので基本的な質問で恐縮です。下記のコードを使ってログインページを作ろうと思っております。しかしながら、1行目の <form method="POST" action="/user-login.html" class="disableonsubmit"> この行の仕組みが中々理解できずに困っております。actionにhtmlファイルが指定あることや、classが指定している "disableonsubmit" がStyleSheetに記載されていないこと等が よく分らない状態です。私の勉強不足で、根本的に読み間違えている可能性が高いと思いまして、質問させて頂きました。何卒宜しくお願いします。 ＜コード＞ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ <form method="POST" action="/user-login.html" class="disableonsubmit"> <input name="url2jump" type="hidden" value="/"> <table bgcolor="#ffcc33" width="100%" border="0" cellpadding="2" cellspacing="0" summary=""> <tr> <td align="right" valign="middle" nowrap><span style="font-size:smaller;"> ユーザーID:</span> <input id="loginform_loginid" name="loginid" type="text"size="15"maxlength="40"style="ime- mode:disabled; font-family:Tahoma; height:1.1em;"> <span style="font-size:smaller;">パスワード:</span> <input id="loginform_passwd" name="passwd" type="password" size="10" maxlength="40" AutoComplete="off" style="font-family:Tahoma; height:1.1em;"> <input id="loginform_submit" type="submit" value="ログイン"> </td> </tr> </table> </form> ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 以上
- HTML
- 回答数1
- ありがとう数7
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- yyr446
- ベストアンサー率65% (870/1330)
actionにhtmlファイルが指定ある ＝＞formのaction属性に指定するのは、そのフォームの送信先のURL ですから、/user-login.htmlでも間違いじゃないですね。「user-login.html」 の拡張子は.htmlですけど、そのへんはサーバー側の設定で、CGIやPHP、JSP、ASP でも.htmlの拡張子で、動作させる事は可能です。 classが指定している "disableonsubmit" がStyleSheetに記載されていない ＝＞ご提示されてる部分だけでは、解りかねますが、javascriptで何かするための 目印として付けているのかも。
関連するQ&A
- メールフォームについて質問です。
メールフォームを作成したのですが、今まではメールフォームから送ると、受け取り用のアドレスでは送信者の名前が各々表示されていたのですが、現在、受け取り用のメーラーではpiyo@hoge.co.jp(当社のアドレス)から送られてくる様になりました。 したがって、受信メッセージがまとまってしまいます。 説明が難しいので画像を添付します。 画像は受け取り用のメールソフトです。 4 と表示されていますが、これがまとまっている状況です。 メールが送られてくるたびに5,6,7...と増えて行きます。 これはどのように解消すればよいのでしょうか。 お力添えの程よろしくお願いいたします。 <form action="http://www.piyo.co.jp/CGI/postmail/postmail.cgi" method="post"> <input type="hidden" name="match" value="e-mail e-mail2" /> <input type="hidden" name="need" value="お名前 フリガナ e-mailアドレス 確認用アドレス プライバシーポリシーに同意 送信内容" /> <input type="hidden" name="mailto" value="piyo@hoge.co.jp" /> <input type="hidden" name="subject" value="お名前" />■お名前<span class="red">【必須】</span><br /> <input type="text" name="お名前" size="45" maxlength="50" /><span class="sitemap_link">例：山田 太郎</span><br /> ■カナ<span class="red">【必須】</span><br /> <input type="text" name="フリガナ" size="45" maxlength="50" /><span class="sitemap_link">例：ヤマダ タロウ</span><br /> <br /> ■幼稚園名 / 会社名<br /> <input type="text" name="会社名" size="45" maxlength="50" /><span class="sitemap_link">例：株式会社山田</span><br /> <br /> ■E-mail アドレス<span class="red">【必須】</span><br /> <input type="text" name="e-mailアドレス" size="45" maxlength="50" /><span class="sitemap_link">例：xxx@xxx.co.jp</span><br /> ■E-mail アドレス (再度入力)<span class="red">【必須】</span><br /> <input type="text" name="確認用アドレス" size="45" maxlength="50"/><span class="sitemap_link">例：xxx@xxx.co.jp</span> <br /> <br /> ■お問い合わせ内容をご記入ください<span class="red">【必須】</span><br /> <textarea name="送信内容" rows="8" cols="70"></textarea> <br /> <input id="checkboxPrivacy" name="プライバシーポリシーに同意" value="プライバシーポリシーに同意します" type="checkbox" /><span class="sitemap_link2">プライバシーポリシーに同意する<span class="red">【必須】</span></span><br /> <br /> <input type="submit" value="送信" /> <input type="reset" value="リセット" /> よろしくお願いいたします。
- ベストアンサー
- HTML
- createElementが一瞬で消えてしまいます
<script type="text/javascript"> <!-- function check(){ if(document.loginform.user.value==""){ var element1=document.createElement("span"); element1.innerHTML="Usernameを入力してください。"; element1.className="error0"; var ojbody1=document.getElementById("titlerror1"); ojbody1.appendChild(element1); false; } if(document.loginform.pass.value==""){ var element2=document.createElement("span"); element2.innerHTML="Passwordを入力してください。"; element2.className="error0"; var ojbody2=document.getElementById("titlerror2"); / ojbody2.appendChild(element2); false; } } // --> </script> <title>ログインページ</title> </head> <body> <div id="error"><font color="red"><?=$error?></font></div> <div id="loginform"> <form id="loginform" name="loginform" action="index.php" method="post"> <fieldset> <p> <div class="titlerror" id="titlerror1"> <label for="user">User Name <span class="hankaku">(半角英数字)</span></label><br /> </div> <input type="text" name="user" value="" id="user" text-align="middle"> </p> <p> <div class="titlerror" id="titlerror2"> <label for="pass">Password <span class="hankaku">(半角英数字)</span></label><br /> </div> <input type="password" name="pass" value="" id="pass" > </p> <div id="submit"> <p class="submit"> <button type="submit" name="login" value="login" class="button" id="login" onclick="check()"><img src="submit.png" border="0" alt="login" /></button> </p> </div> </fieldset> </form> </div> </body> javascript初心者です。 これを実行するとつくられたタグが一瞬だけ表示して消えてしまいます。（CSSを付けると） 上記は表示すらしません。 どこが間違っているか、なぜそうなのかを教えていただけると助かります。 お願いします。
- ベストアンサー
- JavaScript
- ｃｓｓで中央よせ
CSSでwidthはパーセントで設定する場合テキストボックス、ボタン、リンクを一列に 中央配置したいのですがどうしたらいいのでしょうか。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <!--Android 1.6対応--> <style type="text/css"> <!-- div#topCouponSearch { background-image: url("./top_coupon_search_bg.jpg"); display: block; height: 26px; margin-bottom: 1px; width: 100%; } .topCouponSearcha { display: block; font-weight: bold; height: 15px; padding: 5px 0 0 1px; width: 100%; } .topCouponSearcha2 { background-color: #FFFFFF; background-image: url("./spacer.gif"); color: #999999; height: 10px; padding: 3px 0 0; width: 40%; font-size: 10px; } .topCouponSearcha3 { font-size: 11px; font-weight: normal; margin-left: 3px; } button#getad { font-size: 10px; } --> </style> </head> <body> <form id="form1" action="" method="post" name="form1"> <div id="topCouponSearch"> <span class="topCouponSearcha"> <input id="address" class="topCouponSearcha2" type="text" value="" name="address" style="color: #999999;"> <button id="getad">検索</button> <span class="topCouponSearcha3"> <a href="?act=u05">店舗一覧</a> </span> </span> </div> </form> </body> </html>
- ベストアンサー
- CSS
- ボタンをクリックで新しいウインドウを開くには？
ボタンをクリックで新しいウインドウを開くには？ Googleのボタン「Google」、「Homepage」を押すと、「新しいウインドウ」を開くにはどこを書き加えれば、よいのでしょうか？いろいろ試しましたが、うまくいきません。よろしくおねがいします。。 <FORM method="GET" action="http://www.google.co.jp/search"> <INPUT maxlength="300" size="21" name="q"> <INPUT type="submit" value="Google" name="btnG" style="font-weight: bold" > <INPUT type="hidden" name="lr1" valuelang-ja checked value="1"> <INPUT type="submit" value="Homepage" name="btnI" style="font-weight: bold" > </FORM>
- ベストアンサー
- HTML
- 中央に配置
CSSで下記の各タグのwidthはパーセントで設定してテキストボックス、ボタン、リンクを中央に配置したいのですがどうしたらいいのでしょうか。 <form id="form1" action="" method="post" name="form1"> <div id="topCouponSearch"> <span class="topCouponSearcha"> <input id="address" class="topCouponSearcha2" type="text" value="（例）住所・駅名・郵便番号・ランドマークを入力" name="address" style="color: #999999;"> <button id="getad">検索</button> <span class="topCouponSearcha3"> <a href="?act=u05">店舗一覧</a> </span> </span> </div> </form>
- 締切済み
- CSS
- HTML5メールフォームの作り方
お世話になります。HTML5のテンプレートを使用してメールフォームを作成しようとしておりますが、なかなかうまくいきません。action=""にメールアドレスを入れてみましたが、できませんでした。どなたかお分かりの方いらっしゃいましたら、どうかよろしくお願い致します。 <form id="contact" action="contact.html" method="post"> <div class="form_settings"> <p><span>Name</span><input class="contact" type="text" name="your_name" value="" /></p> <p><span>Email Address</span><input class="contact" type="text" name="your_email" value="" /></p> <p><span>Message</span><textarea class="contact textarea" rows="5" cols="50" name="your_message"></textarea></p> <p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="send" /></p> </div> </form>
- ベストアンサー
- HTML
- wordpressのStyle設定について
お世話になります。 仕事でwordpressを使うことになりテンプレートの作成を行なっています。 ヘッダーにログインフォームを付けたく「<?php wp_login_form( ); ?>」を使いログインフォームを表示させることはできました。 下記、ログインフォームのソースの抜粋になります。 <form name="loginform" id="loginform" action="***" method="post"> <p class="login-username"> <label for="user_login">ユーザー名</label> <input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="10" /> </p> <p class="login-password"> <label for="user_pass">パスワード</label> <input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" /> </p> <p class="login-submit"> <input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="ログイン" tabindex="100" /> <input type="hidden" name="redirect_to" value="***" /> </p> </form></p> こんなかんじで表示させることはできたのですが、 この状態だと、自動的に<p>タグがはいってしまい改行されます。 この部分を横一行 ユーザ名[ ] パスワード[ ] [ログイン] のようにシたいのですがどのようにStyleをつけたらいいか悩んでます。 よろしければ、ご回答ください。
- ベストアンサー
- CSS
- フォームのレイアウト崩れを防ぐ方
添付画像のようなフォームのフィールドセットを作りました。 画面サイズ100%の場合は添付画像左側のように整った状態です。 が、画面の右側から縮小すると半分あたりでガタッとレイアウトが崩れます。 フィールドセットの下はjqueryのデータテーブルズを使用しています。縮小した分文字数などは 減りますがレイアウトは大きく崩れません。 フォームの方もせめて画面の半分程度まで縮小してもレイアウトが大崩れしないようにする方法はありますか？ また１から作り直すには時間がたりません。 <div>等ではさんでにクラスやIDをつけCSSでなんとか設定するような方法はありますでしょうか？ 以下は（凡そ）の記述です。 初心者ですのでレスポンシブデザインなどもあまり理解できていません。 何かいいやり方をご存知のかたいらっしゃいましたら教えてください。よろしくお願いします。 ＜HTML＞ <form action="staff_order.php" id="entry" method="post"> <fieldset id="staff_order"> <label for="user_id"><span class="required">*</span>●●●:</label> <select name="user_id" autofocus required> <option value="" selected> 選択してください</option> <?php foreach($rows_students as $student){ print '<option value="' . $student["user_id"] . '">' . $student["student_name"] . '</option>\n'; } ?> </select> </div> <div> <label for="title"><span class="required">*</span>●●●:</label> <input type="text" name="title" size="80" maxlength="100" required d="title" style="border-radius:0.5em;"> </div> <div><label for="date"><span class="required">*●●●: </span＞ </label> <input type="date" name="date" required id="date"> </div> -> <div><label for="point"><span class="required">*</span>●●●:</label> <input type="number" name="point" min="0" max="1000" required id="point"><b style="color: #411C00;"> P</b></div> <label for="remarks" class="order_remarks">●●:</label> <textarea name="remarks" rows="3" cols="60" maxlength="500" id="remarks"></textarea></div><p class="notes">(*)は必須項目です </p> <div class="so_button"><button type="submit" name="confirm" value="登録">登録</button> </div> </fieldset> </form> ＜CSS＞ input:focus, textarea:focus { background-color: #ffffcc; } button, input, select, textarea { font-family: inherit; font-size: 100%; padding-left: 5px; outline: none; } input[type=number], input[type=date] { text-align: right; padding-right: 8px; } input, select, textarea { border: solid 1px #CCC; border-radius: 3px; box-shadow: 0px 0px 5px #CCC inset; } /*↓form enry↓*/ form#entry fieldset#staff_order { border: 1px solid #666666; box-shadow: 0px 0px 2px; background-color: #bed487; border-radius: 0.5em; width: 90%; min-width: 90%; padding-top: 25px; margin-bottom: 25px; }
- 締切済み
- CSS
- リンクテキストをボタンに変更するには？
リンクテキストをボタンに変更するには？ ヤフーの「トップ」とグーグルの「画像」をボタンをクリックしたらジャンプするようにしたいのですが、方法をご伝授ください。よろしくおねがいします。 <!--ヤフー--> <FORM action="http://search.yahoo.co.jp/bin/search" method="get"> <INPUT type="TEXT" name="p" size="24" id="p"> <INPUT type="SUBMIT" value="Yahoo!" style="font-weight:bold"> <A href="http://www.yahoo.co.jp/" >トップ</A> <A href="http://www.yahoo.co.jp/" ><br></A> </FORM> <!--グーグル--> <form method=GET action=http://www.google.co.jp/search> <input maxLength="300" size="24" name="q"> <input type="submit" value="Google" name="btnG" style="font-weight: bold"> <input type="hidden" name=lr1 valuelang-ja checked value="1"> <input type="submit" value="公式HP" name="btnI" style="font-weight: bold" > <a href="http://www.google.co.jp/imghp?q=&ie=UTF-8&oe=UTF-8&hl=ja&lr="><b>画像</b></a> </form>
- ベストアンサー
- HTML
