ホームページ初心者です。入力ホーム作りたくて、人のwebサイトのソースコードをコピーして、自分のホームページ作成ソフトに貼り付けたのですが、
下の画像のように左側のような白黒の入力ホームになってしまいます。右側のようにしたいのですが、どうしたら良いでしょうか。 12行目のソースコードには<div class="mw470 w85 cm essential blue font25">と書いてあるのですが適用されていないのはなぜでしょうか?また適用するにはどうしたら良いでしょうか?
以外コピーしたソースコードです。
</html> <div class="contents">
<form action="./cart/check.php" method="get" accept-charset="utf-8" autocomplete="off">
<input type="hidden" name="c" value="wa001">
<input type="hidden" name="uc" value="zqv0832">
<input type="hidden" name="site_id" value="sumaren_info_sttoken98">
<div class="mw470 w85 cm essential blue font25">
<div>
<div class="b lh1_2">名前</div>
<input type="text" name="name" id="name" value="">
<div class="err_msg"></div>
</div>
<div>
<div class="b lh1_2">フリガナ</div>
<input type="text" name="name2" id="name2" value="">
<div class="err_msg"></div>
</div>
<div>
<div class="b lh1_2">電話番号</div>
<input type="text" name="tel" id="tel" value="">
<div class="err_msg"></div>
</div>
<div>
<div class="b lh1_2">メールアドレス</div>
<input type="text" name="email" id="email" value="">
<div class="err_msg"></div>
</div>
<script>
$(window).on('load', function(){
// セレクトボックス初期値
$('#pay').val("");
});
</script>
<div>
<div class="b lh1_2">決済方法</div>
<div class="wrap">
<select name="pay" id="pay">
<option value=""></option>
<option value="クレジットカード">クレジットカード</option>
<option value="銀行振り込み">銀行振り込み</option>
</select>
</div>
<div class="err_msg" id="pay_err"></div>
</div>
</div>
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんにちは
>人のwebサイトのソースコードをコピーして、
>自分のホームページ作成ソフトに貼り付けたのですが~~
ことば通りHTMLのソースだけを拝借してきたものと見受けました。
元になっている実物がわからないので推測ですが、以下のようなチェックの仕組み(=Validation)を取り入れているのではないかと推測します。(似たようなものがいろいろありますので、参考になさったものと同じものかどうかはわかりません)
https://sys-guard.com/post-14579/
(↑)の記事をよく読めばわかると思いますが、全体はHTMLだけでなく、CSS、javascriptと併せて構成されていますので、それらを正しく組み合わせなければ、機能を果たしません。
要は、必要な内容が揃っていないので、(一部だけ持って来ても)機能しませんよということです。
上記は参考になさっているものと同じかどうかは不明ですが、記事の内容を理解した上で、もう一度参考になさった元サイトを観察してみれば、仕組みが見えてくるのではないかと想像します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
スペースを使わず文字位置を揃...
-
divを横に並べる方法
-
ヘッダーとフッターだけ背景を...
-
フッタの背景画像をリピートxで...
-
セクションをdivで囲むと見出し...
-
サルワカさんの吹き出しのスタ...
-
SSIを利用してCSSレイアウトを...
-
画面を拡大すると横幅が切れる
-
開閉式の隠し要素が一瞬表示さ...
-
3カラムレイアウトで「常に残り...
-
img と p を縦中央に配置したい...
-
音声ブラウザ、スクリーンリー...
-
【html】iframeを使用したmp4の...
-
WEBサイト制作の図面作成ソフト...
-
HTML5 iframe の代わり
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報