formには手を焼く

formには軽く目を通しただけでクラクラした。
javascriptやPHPが必要で、HTML単体で動くものが少ない。
復習を兼ねて出来るかなってのをやってみた。

fieldsetのテスト を<form>なしで

タイトル入力

testing

fieldset/legend

Title

Name:
input type="radio":
selection
No.1>
No.2

form にbackground-colorを指定してみる。

select1 select2 select3

div style="border:1px solid black;width:55%;" でブロックBlock testing というテスト

testing
<style>
h1 {font:4vw/1.6;}
p {font:2vw/1.6;}

コードを貼るときはこんな使い方してたのかぁと、感心。なるほどdivでくくるのか。

This is an inline span,span style inline box element inside a paragraph.

The span element is an inline element, and will not start on a new line and only takes up as muchi width as necessary. The div element is need to wirte about width.

The div attribute of align(left, right, center, justify) is not supported in HTML5.

formのoutput 50までの数字を入れてスライダーを動かすと足し算してくれる

0 100 +=

Checkbox

The input type="checkbox"defines a checkbox.

I have a bike
I have a car

Color Picker

The input type="color" is used for input fields that should contain a color.

select your favorite color:

The default value is #000000(black). The value must be in seven-character hexadecimal notation.(#-number signと6桁の16進法数字)

HTML input types

Number Field

The input="number" defines a numeric input field. the min and max attributes restict the input range.

Quantity(between 0 to 55):

"maxlength=35" 35 characters long, default is 20.

正規表現 [0-9]{3}-[0-9]{2}-[0-9]{3} / 123-45-678

HTML5 tag "meter" is diplay a gauge

3 out of 15
45%

色々と調べていたらありがたいお言葉を発見。
Don't say "link" or "links to" in the link text Creating hyperlinks says

• Don't say "link" or "links to" in the link text — it's just noise. Screen readers tell people there's a link. Visual users will also know there's a link, because links are generally styled in a different colour and underlined (this convention generally shouldn't be broken, as users are so used to it.)
• Keep your link label as short as possible