input text

HTML input text 文字輸入欄位用來讓網友輸入文字

<pre><bb>input type="text"</bb> <<c>input type="text" size="20" value="123456" /> <input type="text" size="20" value="123456" /> <hr> <<c>input type="text" size="20" value="123456" <r>onclick="this.select()"</r> /> <input type="text" size="20" value="123456" onclick="this.select()" /> <hr> <<c>input type="text" size="20" value="123456" <r>onchange="this.select()"</r><b> onclick="this.select()"</b> /> <input type="text" size="20" value="123456" onchange="this.select()" onclick="this.select()" /> <hr> <<c>input type="text" size="20" value="123456" <r>maxlength="10"</r>/> <input type="text" size="20" value="123456" maxlength="10"/> <hr> <<c>input type="text" size="20" value="123456" <r>readonly</r> /> <input type="text" size="20" value="123456" readonly /> <hr> <<c>input type="text" size="20" value="123456" <r>disabled</r> /> <input type="text" size="20" value="123456" disabled /> <hr> <<c>input type="text" value="123" <r>onchange="alert(this.value)"</r> /> <input type="text" value="123" onchange="alert(this.value)" /> </pre> <style> input {cursor:pointer;} pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } bb{font-size:25px;color:blue;font-weight : bold;} b{font-size:20px;color:blue;} r{font-size:20px;color:red;} </style>

00

<pre><bb>input </bb> <<c>input <r>type="password"</r> size="20" value="123456" /> <input type="password" size="20" value="123456" /> <hr> <<c>input <r>type="number"</r> size="20" value="123456" /> <input type="number" size="20" value="123456" /> <hr> <<c>input type="password" size="20" value="123456" <r>onmouseover="this.select()"</r> <b>onmouseout="this.blur();"</b> /> <input type="password" size="20" value="123456" onmouseover="this.select()" onmouseout="this.blur();" /> <hr> <<c>input type="date"> <input type="date"> <hr> <<C>input type="month" > <input type="month" > <hr> <<c>input type="datetime-local"> <input type="datetime-local"> <hr> <<c>input type="time" > <input type="time" > <hr> <<c>input type="color" > <input type="color" > </pre> <style> input {cursor:pointer;} pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } bb{font-size:25px;color:blue;font-weight : bold;} b{font-size:20px;color:blue;} r{font-size:20px;color:red;} </style>

00

<pre><bb>input </bb> <<c>form action="demo_form.asp"> Quantity (between 1 and 5): <<c>input max="5" min="1" name="quantity" type="number" /> <<c>/form> <form action="demo_form.asp"> Quantity (between 1 and 5): <input max="5" min="1" name="quantity" type="number" /> </form> <hr> <<c>form action="demo_form.asp"> <<c>input type="email" /><<c>/form> <form action="demo_form.asp"> <input type="email" /></form> <hr> <<c>input type="file" multiple > <input type="file" multiple > </pre> <style> input {cursor:pointer;} pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } bb{font-size:25px;color:blue;font-weight : bold;} b{font-size:20px;color:blue;} r{font-size:20px;color:red;} </style>

00