ウェブ学のすすめ

Study of Web Design & Programing

2012-05-20から1日間の記事一覧

tableを使ったform

ポイント border-collapse: collapse; 隣接するセルのボーダーを重ねて表示する コード tableを使ったform - jsdo.it - share JavaScript, HTML5 and CSS <html lang="ja"> <head> <meta charset="UTF-8"> <title>tableを使ったform</title> <style type="text/css"> #myform { font-size: 0.875px; width: 500px; } #myform label { font-siz…</meta></head></html>

CSSによるform基本形(2)|float

ポイント label要素に対してfloat:leftを指定する コード CSSによるform基本形(2)|float - jsdo.it - share JavaScript, HTML5 and CSS <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSSによるform基本形(2)|float</title> <style type="text/css"> #myform label { font-size: 0.875px; display: block; float: left; width: …</meta></head></html>

CSSによるform基本形(1)

ポイント display: block; を指定する コード CSSによるform基本形(1) - jsdo.it - share JavaScript, HTML5 and CSS <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSSによるform基本形(1)</title> <style type="text/css"> #myform label { font-size: 0.875px; margin: 0 0 3px 0; display: block; } </style> </head>…</html>

formの基本まとめ

form要素はお問い合わせなど入力フォームを作成するときに使用します。 実際にデータの送受信をするためにはCGI等が必要です。 主な属性 属性名内容action送信先プログラムのURIを指定methodサーバーにデータを送る形式をgetまたはpostで指定enctypeエンコー…