HTMLのログイン画面

[新着] Webテンプレートを仮オープンしました



0   名前: kz : 2006/12/05(火) 12:14  ID:B09F0gJq
こんばんは。

<!-- ログインテーブル -->
<input type="text" name="userNm" size="27">
<input type="password" name="pass" size="21">
上のとおりテーブルの中にユーザ名とパスワード入力フォームを
作成していますがテキストフォームよりパスワードフォームのがでっかくなるのは
デフォルトで、なんでしょうか?無理やりsizeで大きさ合わせてます。

知りたいことは
テーブル枠とフォーム枠がダブってるのを消したいんです。
テーブル枠のみ表示してフォーム枠を消す方法ってありますか?
cellpaddingもためしてみたけれど上手くいきません。
テストしてみたブラウザはFireFoxとIEです。
ネット上で調べてみて画像の枠線を消すのはやたらヒットするんですが‥。

困っています。
知っている方がいらっしゃいましたらご教授頂けるとうれしいです。

1   名前: カヅサツ ◆ThCi95HEzw : 2006/12/05(火) 12:14  [URL]  ID:O5hEMlpW
> <input type="text" name="userNm" size="27">
> <input type="password" name="pass" size="21">
> 上のとおりテーブルの中にユーザ名とパスワード入力フォームを
> 作成していますがテキストフォームよりパスワードフォームのがでっかくなるのは
> デフォルトで、なんでしょうか?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>test</title>
<style type="text/css">
</style>
</head>
<body>
<p><input type="text" name="userNm" size="27"> ← テキスト
<p><input type="password" name="pass" size="21"> ← パスワード
</body>
</html>

上記を IE 7 でチェックしてみたところ、パスワードの方が狭いように見えます。

> テーブル枠とフォーム枠がダブってるのを消したいんです。
> テーブル枠のみ表示してフォーム枠を消す方法ってありますか?

HTMLではできないです。スタイルシートを使う必要があります。

2   名前: kz : 2006/12/05(火) 12:14  ID:DNxiGOnW
カヅサツさん、ありがとうございました。
スタイルシートの方もやってみます。
一人でコツコツつくっているので
とても助かりました。

一覧へ戻る