締切済み

スタイルシートのみで表の作成

2007/03/29 18:32

よくある、「サービスにログインするときのパスワード、ＩＤ入力画面」というものを作ってます。パスワード、テキストフィールドＩＤ、テキストフィールドログインボタンのような。たとえば簡単にテーブルで組みますと、 <table width="400" border="0" cellspacing="0" cellpadding="2"> <tr> <td width="100">パスワード</td> <td><label> <input type="text" name="textfield" /> </label></td> </tr> <tr> <td>ＩＤ</td> <td><input type="text" name="textfield2" /></td> </tr> <tr> <td colspan="2" align="center"><label> <input type="submit" name="Submit" value="ログイン" /> </label></td> </tr> </table> 似たり寄ったりこんな感じだとします。これと同等のものを、スタイルシートだけで作成できますか？たとえば、ソースは、 <dl id="LOGIN-FORM"> <dt class="loginFormLabel" id="USER-NAME-LABEL"> <label for="USER-NAME">ユーザ名</label> <input type="text" name="username" size="24" value="" id="USER-NAME" class="inputText" /> </dt> <dt class="loginFormLabel" id="USER-PASSWORD-LABEL"> <label for="USER-PASSWORD">パスワード</label> <input type="password" name="password" size="24" value="" onmousedown="" onkeydown="if (event.keyCode == 13) {enter.click();return false;}" id="USER-PASSWORD" class="inputText" /> </dt> <dt class="loginFormLabel" id="USER-INFO-SUBMIT-LABEL"> <label for="USER-INFO-SUBMIT">アクション</label> </dt> <dd class="loginFormText" id="USER-INFO-SUBMIT-TEXT"> <input type="submit" value="ログイン" id="USER-INFO-SUBMIT" class="submit" /> </dd> </dl> です。テキストフィールドの頭をそろえたり、ログインボタンの位置を変えたりしたいです。テーブルでやればいいのに・・・と思いますが、スタイルシートで頼むといわれて、困ってます。教えてください。

mahhhhh
お礼率77% (265/342)

HTML
回答数6
ありがとう数4

みんなの回答 （6）
専門家の回答

みんなの回答

ICHI-yan
ベストアンサー率33% (45/134)

2007/03/29 23:21 回答No.6

http://www.lucky-bag.com/appendix/styling-dl/dl_sample01.html いくつかパターンを簡潔におなじ見た目になるように紹介されています。 borderとwidthをプラスして、表っぽくすれば、いいのでは？と思います。

質問者

お礼 2007/04/04 19:06

お礼おくれてすいません！ありがとうございます！これは参考になりますね、なるほどーーーじっくり検証してみます！ ※みなさんへここのお礼欄をお借りしてお礼申し上げます。ポイントは後ほどつけさせていただきますので少々お待ちくださいませ！

himajin100000
ベストアンサー率54% (1660/3060)

2007/03/29 21:53 回答No.5

IEを完全に無視し,Firefoxもtrunkでないと多分駄目という蛇足オマケバージョン。Operaは知らないけど,手元の9.20 Betaでは上手く行った(笑) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> dl#LOGIN-FORM{ width:80%; background-color:green; margin:auto; padding:0; } dl#LOGIN-FORM dt.loginFormLabel{ display:inline-block; width:10%; margin:0; padding:0; text-align:center; background-color:yellow; } dl#LOGIN-FORM dd.loginFormText{ display:inline-block; width:80%; margin:0; padding:0; text-align:center; background-color:pink; } dl#LOGIN-FORM dd.loginFormText input{ width:100%; } </style> <title>サンプル</title> </head> <body> <dl id="LOGIN-FORM"> <dt class="loginFormLabel" id="USER-NAME-LABEL"> <label for="USER-NAME">ユーザ名</label> </dt> <dd class="loginFormText"> <input type="text" name="username" size="24" value="" id="USER-NAME" class="inputText" /> </dd> <dt class="loginFormLabel" id="USER-PASSWORD-LABEL"> <label for="USER-PASSWORD">パスワード</label> </dt> <dd class="loginFormText"> <input type="password" name="password" size="24" value="" onmousedown="" onkeydown="if (event.keyCode == 13) {enter.click();return false;}" id="USER-PASSWORD" class="inputText" /> </dd> <dt class="loginFormLabel" id="USER-INFO-SUBMIT-LABEL"> <label for="USER-INFO-SUBMIT">アクション</label> </dt> <dd class="loginFormText" id="USER-INFO-SUBMIT-TEXT"> <input type="submit" value="ログイン" id="USER-INFO-SUBMIT" class="submit" /> </dd> </dl> </body> </html> ちなみに,前回や今回に含まれていない >td colspan="2" は適当に工夫してください(笑) そう考えると最後のsubmitのclassをloginFormLabelとloginFormTextのままにしたのは失敗だったなあという気が。

質問者

お礼 2007/04/04 19:04

お礼おくれてすいません！ありがとうございます！おお、再度ありがとうございますーーー試してみます・・・ですが、 >>IEを完全に無視し IEは無視できないのです～でもちょいと改造してみますね！

js_player
ベストアンサー率83% (10/12)

2007/03/29 21:41 回答No.4

CSSをかなり触らないといけませんが、一応作ってみたので書いておきます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <title>ログイン画面</title> <style type="text/css"> form#LOGINFORM p{ clear:left; } form#LOGINFORM label{ margin:0; padding:0; float:left; display:block; width:100px; } </style> </head> <body> <form id="LOGINFORM"> <p> <label for="TEXTFIELD">パスワード</label> <input type="text" id="TEXTFIELD" /> </p> <p> <label for="TEXTFIELD2">ＩＤ</label> <input type="text" id="TEXTFIELD2" /> </p> <p> <input type="submit" value="ログイン" /> </p> </form> </body> </html> labelをブロック要素にして、widthで幅を指定し、それを p で囲んだだけのもの。でも table を表に使うのなら table を使ってもいいと思いますが

質問者

お礼 2007/04/04 18:49

お礼おくれてすいません！ありがとうございます！ >CSSをかなり触らないといけませんがそうなんですよね、、私も力技ですとどうしても色々触らないといけなくて・・そうすると壊れちゃうんですよね。。上の試してみます、さっそく！

himajin100000
ベストアンサー率54% (1660/3060)

2007/03/29 21:22 回答No.3

多分・・・質問者は理解しているけど，発注している人が以下を【理解していない。】『俗に言うテーブルレイアウト＝悪だと思われている。』『俗に言うテーブルレイアウト ≠ table要素を使うこと。』『スタイルシートを使うこと ≠ table要素を使わないこと。』『table要素も適切に使えばStrictなコードである』環境で受注しているんでしょう。大方。で，受注側がそれを説明しても，発注側が理解してくれず【table要素は悪だ】という思考でしかないので無理矢理 >「 dl 関連要素で実現したい」をやらざるを得なくなる，と。 >すでに組んであるcssはあまり崩して欲しくないんだそうです。ここなんか見ると尚更そんな気がする。意味不明だもん。多分質問者もその意図を掴めず言っていると予想しているけど。こんなのしか思いつかなかった。XHTML側をかなり弄ってますので注意。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> dl#LOGIN-FORM{ width:80%; background-color:green; margin:auto; padding:0; overflow:auto; } dl#LOGIN-FORM dt.loginFormLabel{ /* display:block; */ width:20%; float:left; clear:left; overflow:auto; background-color:yellow; margin:0; padding:0; } dl#LOGIN-FORM dd.loginFormText{ width:70%; float:left; overflow:auto; background-color:red; margin:0; padding:0; } dl#LOGIN-FORM dd.loginFormText input{ overflow:auto; width:80%; margin:0; padding:0; } </style> <title>サンプル</title> </head> <body> <dl id="LOGIN-FORM"> <dt class="loginFormLabel" id="USER-NAME-LABEL"> <label for="USER-NAME">ユーザ名</label> </dt> <dd class="loginFormText"> <input type="text" name="username" size="24" value="" id="USER-NAME" class="inputText" /> </dd> <dt class="loginFormLabel" id="USER-PASSWORD-LABEL"> <label for="USER-PASSWORD">パスワード</label> </dt> <dd class="loginFormText"> <input type="password" name="password" size="24" value="" onmousedown="" onkeydown="if (event.keyCode == 13) {enter.click();return false;}" id="USER-PASSWORD" class="inputText" /> </dd> <dt class="loginFormLabel" id="USER-INFO-SUBMIT-LABEL"> <label for="USER-INFO-SUBMIT">アクション</label> </dt> <dd class="loginFormText" id="USER-INFO-SUBMIT-TEXT"> <input type="submit" value="ログイン" id="USER-INFO-SUBMIT" class="submit" /> </dd> </dl> </body> </html>

質問者

お礼 2007/03/31 19:13

わーん、ありがとうございます！！色々やっていただいて感謝です！まだ試していませんが。月曜からまた再開なので、それからさっそく・・ >『俗に言うテーブルレイアウト＝悪だと思われている。』 ↑悪とまで発注者が思っているかは知りませんが「会社の方針」なんだそうです、できるだけcssなのは。なんかいろいろうちは最先端な感じよ！という意味で、なんでしょうか。。 >『スタイルシートを使うこと ≠ table要素を使わないこと。』 ↑そうそう、そう思っていそう！！ >『table要素も適切に使えばStrictなコードである』 ↑そうそう、ねー！！で、参考にして欲しいサイトを見せてもらって、こんな感じでね、といわれたんですが、そこはバリバリtable使ってるじゃんか！というと、「そうなんですよねー・・何か実現できる方法ありませんかね？スタイルシートで」「私にゃ無理っす」トホホ

mazimekko3
ベストアンサー率38% (74/194)

2007/03/29 18:44 回答No.2

以下CSS(display)によるtable表現を説明しています。 http://msugai.fc2web.com/web/CSS/table.html

質問者

補足 2007/03/29 19:19

ありがとうございます！どれを参考にしたらいいのでしょうか。このページすべてがtable表現の説明ですか？

quads
ベストアンサー率35% (90/257)

2007/03/29 18:42 回答No.1

> これと同等のものを、スタイルシートだけで作成できますか？ > テーブルでやればいいのに・・・と思いますが、 > スタイルシートで頼むといわれて、困ってます。少し観点がおかしいです。スタイルシートはあくまで視覚表現に関する指定を行うものです。「 table 関連要素よりも適切なマークアップはあるのか」「 dl 関連要素で実現したい」というのであれば回答が可能です。より適切な回答を求められるのであれば、文書型定義や想定しているレイアウトをもう少し具体的に示してください。

質問者

補足 2007/03/29 19:08

すばやいご回答ありがとうございます！せっかくご回答いただいたのですが、文章の意味がちょっとわかりませんでした（もちろん私が知ろうと過ぎるのです・・・・）えっと。。今のレイアウトは、 ■ＩＤというテキストのすぐ横にＩＤを入力するテキストボックスが並でいる ■同じくパスワードというテキストのすぐ横にＩＤを入力するテキストボックスが並でいる ■その下にログインボタンが配置されているという状態です。上記３つが、loginFormというclassでくくられています。ＩＤというテキストとパスワードというテキストは、文字数が違いますよね、パスワードのほうが長い。そのため、ＩＤのすぐ横のテキストボックスの始まりが縦でみると、飛び出して見えます（わかります？）。ログインボタンもなんかセンターではない。テーブルでしたら、これをきれいに簡単に調節できると思うのですが、これをcssだけでやれというのです。 divで囲った枠にfloat: left;などして見るのか？と思ったのですが、すでに組んであるcssはあまり崩して欲しくないんだそうです。もうお手上げです。

関連するQ&A

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
javascriptでログインページの作成
JSPを作成しているのですが、javascirpt構文の方が多いため、こちらで質問をさせて頂きます。 javascript, html で　ログインページを作成しています。 <%@ page contentType="text/html;charset=Shift_JIS" %> <script type="text/javascript" language="javascript"></script> <form action="login.jsp" method="post" NAME="f1"> <table border="1" width="30%"> <tr> <td>ユーザーID:</td> <td><input type="text" name="admin" size="25" value=""></td> </tr> <tr> <td>パスワード:</td> <td><input type="password" password="password" value=""></td> </tr> </table> <%--- これが悪いのかも!? --- %> <% String name = request.getParameter("name"); String password= request.getParameter("password"); %> <input type="submit" value="ログイン" onClick="Submit('name','password','f1');"> </form> </body> </html> ログインボタンをクリックして、name,password,f1(formの名前）を function のSubmitに値を渡したいのですが、nullが渡されてしまいます。テキストボックスで入力された値を渡したいのですが、 javascript,htmlの知識が乏しいため、どこがおかしいのかわかりません。もしわかる方が居ましたら、よろしくお願いたします。
- ベストアンサー
- JavaScript
【緊急】リアルタイムでエラーチェック
下記のコードを使って、リアルタイムでエラーチェックを行うファームを作りたいと考えています。このコードだとsubmitしてからでないとコードチェックが行われないので、最初の入力時から行うようにしたいのですが、何か手立てはないでしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>exValidationサンプル 2</title> <link type="text/css" rel="stylesheet" href="css/style.css" /> <link type="text/css" rel="stylesheet" href="skin/selectable/style.css" /> <link type="text/css" rel="stylesheet" href="css/exvalidation.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing.js"></script> <script type="text/javascript" src="js/exvalidation.js"></script> <script type="text/javascript" src="js/exchecker-ja.js"></script> <script type="text/javascript"> $(function(){ $("form") .exValidation({ rules: { name: "required", kana: "required katakana", email: "required email hankaku group", pass: "required min6 max12", repass: "required retype-pass", radio: "radio", checkbox: "checkbox" }, errInsertPos: 'after', errPosition: 'fixed' }); }); </script> </head> <body> <div class="pagebody"> <h1>exValidation</h1> <form> <fieldset> <p class="attention">*は必須項目です</p> <table> <tbody> <tr> <th>Name<span>*</span></th> <td><input type="text" id="name" name="name" value="" /></td> </tr> <tr> <th>Kana<span>*</span></th> <td><input type="text" id="kana" name="kana" value="" /></td> </tr> <tr> <th>Mail<span>*</span></th> <td><span id="email"><input type="text" id="email" name="email" value="" /> @ <input type="text" name="email2" value="" /></span></td> </tr> <tr> <th>Password<span>*</span></th> <td><input type="password" id="pass" name="pass" value="" /></td> </tr> <tr> <th>Retype-Password<span>*</span></th> <td><input type="password" id="repass" name="repass" value="" /></td> </tr> <tr> <th>Sex<span>*</span></th> <td> <span id="radio"> <label for="male"><input type="radio" id="male" name="sex" value="male" />male</label> <label for="female"><input type="radio" id="female" name="sex" value="female" />female</label> </span> </td> </tr> <tr> <th>Prefecture<span>*</span><br /> this is selectable</th> <td> <select id="pref" name="pref" class="selectable"> <optgroup label="---"> <option value="">---</option> </optgroup> <optgroup label="北海道"> <option value="01">北海道</option> </optgroup> <optgroup label="東北"> </optgroup> </select> </td> </tr> <tr> <th>City</th> <td><input type="text" name="city" value="" /></td> </tr> <tr> <th>Street</th> <td><input type="text" name="street" value="" /></td> </tr> <tr> <th>Favorite<span>*</span></th> <td> <span id="checkbox"> <label for="f1"><input type="checkbox" id="f1" name="fav" value="f1">books</label> <label for="f2"><input type="checkbox" id="f2" name="fav" value="f2">music</label> <label for="f3"><input type="checkbox" id="f3" name="fav" value="f3">game</label> <label for="f4"><input type="checkbox" id="f4" name="fav" value="f4">study</label> <label for="f5"><input type="checkbox" id="f5" name="fav" value="f5">fishing</label> </span> </td> </tr> </tbody> </table> </fieldset> <p class="submit"><input type="submit" value="Submit" class="button" /></p> </form> </div> </body> </html>
- ベストアンサー
- JavaScript
フォームの構成部品（入力欄・ボタン等）を作成する<INPUT>タグについて
type属性である、「type="text"」と「type="password"」があります。この２つを段落（改行して）を入れて、横幅を同じにしたいのですが、OSによって幅が異なってしまいます。Windows2000では、デフォルト(size=20)値で、横幅は綺麗に揃ってくれるのですが、WindowsXPでは横幅が一致しません。何故ですか。また、解消方法はありますか。参考ソース： <TR> <TD>ユーザーID：</TD><TD><INPUT TYPE="text" NAME="id" value=""></TD> </TR> <TR> <TD>パスワード：</TD><TD><INPUT TYPE="password" NAME="pass" value=""></TD> </TR>
- ベストアンサー
- HTML
ラジオボタンとテキストボックスで、ボタン選択時のテキストボックスの入力チェックするにはどうしたらよいでしょうか？
ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか？以下はそのhtmlソースになります。 <table border="0" cellspacing="2" cellpadding="0"> <tr> <td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td> <td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td> </tr> <tr> <td></td> <td>検索エンジン名</td> <td><INPUT TYPE=text NAME="addsearch1" VALUE="" SIZE=40></td> </tr> <tr> <td><input type="radio" name="addsearch" value="ご紹介で" id="p2"></td> <td colspan="2"><label for="p2"><span class="stress2">ご紹介で</span></label></td> </tr> <tr> <td></td> <td>ご紹介者のお名前をおしえてください。</td> <td><INPUT TYPE=text NAME="addsearch2" VALUE="" SIZE=40></td> </tr> <tr> <td><input type="radio" name="addsearch" value="広告を見て" id="p3"></td> <td colspan="2"><label for="p3"><span class="stress2">広告を見て</span></label></td> </tr> <tr> <td></td> <td>どこの広告ですか？</td> <td><INPUT TYPE=text NAME="addsearch3" VALUE="" SIZE=40></td> </tr> <tr> <td><input type="radio" name="addsearch" value="その他" id="p4"></td> <td colspan="2"><label for="p4"><span class="stress2">その他</span></label></td> </tr> <tr> <td></td> <td>具体的にお願いします。</td> <td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40></td> </tr> </table> よろしくおねがいいたします。
- ベストアンサー
- HTML
Formでアンケートページを作成　送信　メールに反映しない。
こんにちは、DreamWeaver8を使ってホームページの勉強を始めたものです。練習でFormを使ってアンケートページを作りました。 Form　actionでメールアドレスを指定して送信ボタン（Submit）を押すと、メーラーが起動して上記アドレスが記載されたメールができるのですが、中身が反映していません。（アンケートに書かれた、性別、職業など）どのようにすれば反映されるのでしょうか？何かお分かりの方がいましたら教えてください。よろしくお願いします。 <form action="mailto:test@***.**.jp" method="post" enctype="text/plain" name="form1" id="form1"> <table width="920" border="1"> <tr> <td>性別</td> <td><label for="radiobutton">男</label> <input name="radiobutton" type="radio" id="radiobutton" value="man" checked="checked" /> <label for="label2">女</label> <input name="radiobutton" type="radio" value="woman" id="label2" /></td> </tr> 略 <tr> <td colspan="2"><div align="center"> <input type="reset" name="Submit2" value="リセット" /> <input type="submit" name="Submit" value="送信" /> </div></td> </tr> </table> </form>
- ベストアンサー
- ホームページ作成ソフト
PHP POSTについて質問です
　　こんにちわ PHP初心者です。今ショッピングカートづくりをしています。そこでピンチなのでご指導お願いいたします。商品を発送する送り先情報を必要な数だけonclickで一件一件増やしもらってその情報を次のページで確認してもらうようにしたいのですが <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> var tbl_cnt = 1; jQuery(document).ready(function($) { $('#add_btn').click(function() { var original = $('#form_set_' + tbl_cnt); tbl_cnt++; $(original).clone().insertAfter(original) .attr('id', 'form_set_' + tbl_cnt) .find('label').each(function(idx, obj) { $(obj).attr('for', $(obj).attr('for').replace(/_[0-9]+$/, '_' + tbl_cnt)); }).end() .find('input').each(function(idx, obj) { $(obj).attr({ 'id' : $(obj).attr('id').replace(/_[0-9]+$/, '_' + tbl_cnt), 'name' : $(obj).attr('name').replace(/_[0-9]+$/, '_' + tbl_cnt) }).val(''); }); }); }); </script> <form action="shop_check.php" method="post"> <table id="form1"> <tbody> <tr> <td><label for="okuriname">氏名</label></td> <td><input type="text" id="okuriname" name="okuriname[$i]"></td> </tr> <tr> <td><label for="okuriemail">email</label></td> <td><input type="text" id="okuriemail" name="okuriemail"></td> </tr> <tr> <td><label for="okuripostal1">郵便番号</label></td> <td><input type="text" id="okuripostal1" name="okuripostal1">-</td> <td><input type="text" id="okuripostal2" name="okuripostal2"></td> </tr> <tr> <td><label for="okuriaddress">住所</label></td> <td><input type="text" id="okuriaddress" name="okuriaddress"></td> </tr> <tr> <td><label for="okuritel">電話番号</label></td> <td><input type="text" id="okuritel" name="okuritel"></td> </tr> </tbody> </table> <input type="button" value="送り先の追加" id="add_btn"><br> <input type="submit" value="送信" name="submit"> </form> この後どのようにしたら次のページで複数の情報を受け取ればいいのでしょうか？（javascriptはweb上にあったものを引用してます。） javascriptの事もわかっていませんなのでお手柔らかにおねがいします。
- ベストアンサー
- PHP
javasuriptについて　主にログイン
パスワードについてさきほどの質問の内容を変えて質問させていただきます正しいユーザ名とパスワードを入力して（入力した文字がそのまま表示されないようにして両方ともただしければ「ログインに成功しました」どちらかでも間違っていたら「ログインに失敗しました」というjavascritptを作りたいのですがパスワードをソースの中に書いてしまったらブラウザのソースのらんで分かってしまうので分からないようにしたいです一応いろいろなものを参考にして途中まで作ったのですがこの先がどうしても作れませんどなたかソースなどご教授くださいお遊び程度なので本格的なものでなくて結構ですユーザ名は１２３４パスワードは３４５にしたいですどなたかご教授ください実行できるようにお願いします //--></script> </head> <form action="login.jsp" method="post" NAME="f1"> <table border="1" width="30%"> <tr> <td>ユーザーID:</td> <td><input type="text" name="admin" size="25" value=""></td> </tr> <tr> <td>パスワード:</td> <td><input type="password" name="password" value=""></td> </tr> </table> function password_check(){ var pw; pw = document.getElementById('EnterPassWord').value; if(pw != password){ alert("ログインに失敗しました"); }else{ alert("ログインに成功しました"); //location.href=pw + ".html"; } <input type="submit" value="ログイン" onClick="Submit('name','password','f1');"> </form> </body> </html>
- ベストアンサー
- JavaScript
このメルフォタグについて…
<div id="main"> <BR class="clear"> <h2>Contact</h2> <div class="txt"> <table cellspacing="3" cellpadding="3" border=0> <tr> <td>NAME</td> <td><input name="name" type="text" size="30"></td> </tr> <tr> <td>MAIL</td> <td><input name="mail" type="text" size="30"></td> </tr> <tr> <td>URL</td> <td><input name="url" type="text" value="http://" size="30"></td> </tr> <tr> <td valign="top">COMMENT</td> <td><textarea name="msg" cols="30" rows="5">ご感想や管理人へのお便りはこちら☆</textarea></td> </tr> <tr> <td colspan="2" align="right"> <input type="button" name="submit" value="SUBMIT" class="b"></td> </tr> </table> </div> テンプレートをお借りしたのですが、メルフォタグがこのようになっていました。が、このままでは使用出来ないので、どこに自分のメアドを入れればいいのか教えて下さい。
- 締切済み
- HTML
PHP POSTでデータ登録について
PHP初心者です。PHP簡単な管理システムを作っていますが、データベースにデータ登録がうまくできないので、教えてください。データ登録が出来ますが、登録ページの中に　＜a href ="xxx.php">に追加して、リンクをクリックしたら、空データがそのまま登録されてしまった。フォーム中のボタンを押さないとデータ登録ができない設定するのを作りたいですが、ソースコードのどこで修正したら、ページリンクしても自動的に空データ登録できないのか？ <form id="frmIpunt" name="frmIput" method="post" action=""> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <th colspan="2">新規店舗登録</th> </tr> <tr> <td>店舗名</td> <td> <span id="sprytextfield1"> <label for="shops_name"></label> <input name="shops_name" type="text" id="shops_name" size="10"> <span class="textfieldRequiredMsg">未入力</span></span> </td> </tr> <tr> <td>住所</td> <td><input name="shops_address" type="text" id="shops_address"></td> </tr> <tr> <td>電話番号</td> <td><input name="shops_tel" type="text" id="shops_tel"></td> </tr> </table> <input type="submit" class="order-button" value="登録する"> </form>
- ベストアンサー
- PHP

スタイルシートのみで表の作成