2015?4?? input size ????

2015年04月03日UP
  • このエントリーをはてなブックマークに追加

??????????????????????????????????
???????input size ???????????????????????????????????????????????????????2015?4???????????

????????????????????

??<input size=”30″>???HTML?size??????
?????????????????
??CSS?width??????????
?????CSS?????style=”width:000px”?????

?????????????????

???????????????????2010?9?22????????5??????????????????IE8??????firefox3???mac???Macintosh????????????????????????????????

???????????????????????????????????????

??????input size???????????????????????????????????????????????????????

?????input size??????????????????????????

???HTML?input?????????

?<input size=”30″ name=”???” value=””>?
???

size=””????????????

??????????????????
? ????????????????????????????????

input?size????

??????????
CSS??????????????????????

?<input name=”???” value=”” style=”width: 200px;”>?
????????OK???

input?size????????????CSS?????????

??????????
?????????size=”20″????????????????????

?????????????????????????????

input size??????

????CSS???????????????????
CSS??????????????

CSS??????????????????

???????????
Window?????F12??mac?????option + command + U????????????
?mac firefox??F12???????

??????????????????????????????????????????????????????????????????????????input???????????????

??????????????CSS????????

? OS???????????????????

input??????????

?????????
???????CSS??????????????

input???????Web??????????

?<input name=”???” value=”” style=”width: 80%;”>?
???width?%???????????????????????

? ??????????????????????????
? ???????????????????100%??????????????????

????CSS??????????

?HTML
<input name=”???” value=””>

?CSS
input{ width: 80%; }

@media screen and (max-width:568px){
input{ width: 100%; }
}

????????

??????????input?????????????

?HTML
<input name=”???” value=”” class=”re-width”>

?CSS
input.re-width{ width: 80%; }

@media screen and (max-width:568px){
input.re-width{ width: 100%; }
}

??????????


??????????????

??????????????????????????????????????????????????????input????CSS???????????????????????????

input size ???????
???????????????????????????
?4??????WordPress??????????????????????????

??
???????????????5??????????
? ?????????????????????????

?????????EFO???Web????????????????????
??????????????????????????

???????????????????????????????????????????????

????????
??? ? kiriyama@ht-produce.com
facebook ? https://www.facebook.com/h.t.p.kiriyama

?????
??????EFO?????????????????????????????????
???????????????????

?????????????????????????????
???????????????????????????????
?????????????

???????????????

toyota.jp????????????????????????

2011年01月14日UP
  • このエントリーをはてなブックマークに追加

????????

???????????????????????????????????????????????


?????????????????????????????????????

????????????
? http://web-tan.forum.impressrd.jp/e/2011/01/13/9509

????toyota.jp????????????????????????
????????????????????????????

????????????????????????????????????????????????????????????????

  • ???????????????????????????7??????????
  • ???????????????????
  • ????????????????????????????????????
  • ??????????????????????????????
  • ???????????????????

???????????????????????????????????
?????????????????????????????????????????????????????
?????????????????????????????????????????

?????????????????????????????????????????????????????????????????????????

????????????????????????????????????????????????????????????????????????????

???????????????????????????????????????

????????
?????????????????????????????????????
??????????????


????????????
?????????????????????????????????????????????????? ????????????IE8

?????????????????????????????????????????????????????????????????????????????????

??????????MAX???????????????

???????????????????????
??????????????????????????????????????????????
??????????

?????????????????????????????????????????????????????????


??????????????????????????????????????????

??????????????????3?-4????????????

???????????????????????????????????????????????????????????????

?????????2?3???????????????????????????????????????????????????????????????????????????????????

???????????????????????????????Tab????????????????????????????????????????????

?????????????????????????????????

????????*????????????
??????????????????????????

??????????????????????????????????????????????????

???????? ??????? ??????????????????

???????????????????????????????????????

???????????????????????????????????????????????

???????????????????????????????????????????????????????????????????????????????????????

???????????????????????????????????????????????????????????????????????
??????????????????????????????????????????????????????????????????????????????

?????????????????????????????????

?????????????????????????????????????????????????????????????????????


???EFO???????????????????/????????????????????????????

??????????????????????????????????????????????????????????????????????????????

????????????????????????????????????????????????

????????????????????????
??????????????????????????????????
?????????????????????????

???????????????????????????????????????????????????????????????????

?????????????????????????????????Web??????????????????????????????

?????????????????textarea???????

2010年10月30日UP
  • このエントリーをはてなブックマークに追加

?????????????1??100?????????????????????????????????????????????????????????


???????????????????<textarea>????????????

????????????????? ????????6~textarea?????????? ?
?????
??? ?????????????????????????textarea???????????????????????????????????????????????

???????????????????????????????????????????

?????????????????????????????????????????????????????????????

???????????????????????????????????????????????????????textarea?????????????????????????

???????????????????????????????????????????????????????????????????????????

???????????????????????????????????????????????????????????????????????????

????????????????

??????textarea??????????????????????

1????????????????????

?????????????????????????????????

??????????HTML??????????????????

??????????????????????????HTML???????????????????????

??????????textarea??????label??????????????????

????????????????????????????????????????????????????????????

2??????????????????

????????????????????????????????????????????????????????????????

????????????????????????????????????????????

??????????????????????????????????????????????????????????????????????????????

3????????????????

????

??????????????????????

?????????????????????????1??????????????????????????????????????

???????????????????????????????????????????????????????????????????????

?????????????????????

??????????????????????????????????????????????????????????????????????

??????????????5??????????????????????????????????????

??????????????????

????????

?????

???????????????????

??

5?????????????????????????????????????????

???10?????????????????????????????????????????????????????????????????????????


???????????????????????????????????????????????

????????????????????????????

EFO???????4?????

2010年09月28日UP
  • このエントリーをはてなブックマークに追加

?????????EFO???????????????????????EFO????????????

? ?????EFO????????????????????

1??????????

EFO?????????????????????????

??WEB???????????????????????????????????????????????????????????

?????????????????????????????????????????????????????????????????????????????????????????????????????????????

?????????????????????????????EFO?????????????????????

????????????????????????????????????????????????????????

????????????????????????????????????????????????????????????????????????????????????2????????????????????

2????????????

EFO?????????????????????????

????????????????HTML?CSS???EFO?????????????????????

?????????10??40????PC?????????????????????????????????????????

????10??20?????????????????40??50????????????????????????????????????????????????????

???????????????????????????????????????????

3?????????

????10????????????????????????3????????????????3???????????1???????????????

????????????????????????????100?????????????????????????

????????????????????????????????????????????????????????????????????

??3???????????????????????????

????????????????????????????????????????????????????????????????????????????????????

4???????

EFO??????????????????????????????????????????????????????????????

????????????????????????????????????????????????????????

??????????????????????????????????????????????????????


EFO??????????4????????????

????????????????????????????????????????????????????????????

????????????????????????????

???????????8????

2010年09月23日UP
  • このエントリーをはてなブックマークに追加

??????????8??????????????????????????????????8??????????


1?<input>?<textarea> ?????????

??????????????????????????????????????????????????????????????

??????????????????????????????????????????

2?2????????

??????????????????????

???????????

??????????input ? textarea?????????

????????

????????????input?textarea???? <input style=”padding: 3px;” /> ??????????????????????

3????????

?????????????????????????????????????

?????? <input> ????? <input style=”color: #????;” /> ????????????????????????

4????????

???????????????????

<input style=”background-color: #????;” /> ?????????????

5??????????

??????????????????????????????????????????

????????????????????4,50????????????????????????????????????????
???10????????????????????????????????????????????

6????????????????

input ? textarea ??????????????????????????????????????????????????????????????????????????

? ?????????IE??????????

7?<lavel>???????

<label>????????????????????????????????????????????????????????

<input type=”text”>????????????????????
type=”radio”?type=”checkbox” ????<input>????????????

??????????? ? ??????label??????????????????

8??????????????

????


?
??????????

??????????????????????????????????????????????????????


????????????????????????????????????

HTML?CSS??????EFO?????????????????????????????????????????????????

????????????????????????????

input size ?????????????????

2010年09月22日UP
  • このエントリーをはてなブックマークに追加

?????2010?9??????????????
?2015?4?? input size ?????
????????????????????????????


?????<input size=”30″ />???????input?????size????????????????

ASP?????????????????????????????????????????????????????

??????????????????????????

????
??????????????????
????????

??????size=””????????????px??????????????????????????????????????????????????????

????????????????????size=”30″???????????????”30??”??????????????????????

???????????

????????????????????????????????

??????IE?Internet Explorer??Firefox???WEB???????????????????????????????????????????

  • ??????????????????????????????????????????
  • ?????????????????????????????????????????????????????
  • ?????????????????Macintosh????????Windows????????????????

????????????????????????????????????input size=””?????????????style=”width: 000px;”??????????????????????????????

????????????12???????????????????????????????????????????????????????????????
? ??????input size=”34″???style=”width: 200px;”??????????


Windows IE8
WindowsIE8

Windows IE7
WindowsIE7

Windows IE6
WindowsIE6

Windows Firefox3
WindowsFirefox3

Windows Opera10
WindowsOpera10

Windows GoogleChrome
WindowsGoogleChrome

Windows Safari3
WindowsSafari3

Macintosh Safari4
MacintoshSafari4

Macintosh Firefox2
MacintoshFirefox2

Macintosh Opera9
MacintoshOpera9

Macintosh Camino
MacintoshCamino

Macintosh Seamonkey
MacintoshSeamonkey


??????????????? size=”” ????????????????????
?????? width: 200px; ???????????200px????????

?????????????????????????????????????Web???????????????????

??????????????????????????????????????????????????

???size??????????????????????

?????????????????????????????????????????????????????????????????????????????????????????

???????????????????????????Windows???????????????????????????????????

????????????????????????????