html列表框、⽂本域、⽂件域的⽰例代码
这篇⽂章关键介绍了html列表框、⽂本域、⽂档域的实例代码,⽂中根据案例代码给⼤伙⼉介绍的特别详尽，对我们的学习培训或⼯作中具备⼀定的参考参考使⽤价值，必须的盆友能够参考下
下拉框、⽂本域、⽂件域
html列表框、⽂本域、⽂件域的⽰例代码_html
上为演⽰效果下为代码
<form method="get" action="result.html">
<!--input：输⼊框标签，默认为text，⽂本框
name：为该输⼊框起⼀个名字，⽤来提交数据
maxlength="8":⽂本框最多可以输⼊8个字符
size="30":⽂本框的长度时30px
-->
<p>⽤户名：<input type="text" name="username" value="⽂本框初始值"
maxlength="8" size="30"/></p>
<!--密码框input type="password"，密码框输⼊字符会显⽰为⼩圆点-->
<p>密码：<input type="password" name="pwd"/></p>
<!--radio：单选框
value：初始值，单选框必须填
name：成组，否则单选会出现错误
input标签需要闭合
-->
<p>性别：
<input type="radio" value="boy" name="sex"/>男
<input type="radio" value="girl" name="sex"/>⼥
</p>
<!--checkbox：多选框
value：与选项对应的值
checked：默认选中，在input标签中使⽤
-->
<p>爱好:
<input type="checkbox" value="sleep" name="hobby"/>睡觉
<input type="checkbox" value="code" name="hobby"/>敲代码
<input type="checkbox" value="chat" name="hobby"/>聊天
<input type="checkbox" value="game" name="hobby" checked/>游戏
</p>< www.qlyl1688 >
<!--button：普通按钮
type="image"：图⽚按钮，⽤图⽚替换了按钮的样式
submit：提交按钮，将value的值提交给name对应的值
reset重置按钮，重置所有输⼊框
value:value的值即为按钮的名称
-->
<p>按钮:
<input type="button" name="btn1" value="点击变长"/>
<input type="image" src="1.jpg"/>
</p>
<!--select：下拉框标签
option：下拉选项标签
selected：默认选中，在下拉框标签中使⽤
-->
<p>国家：
<select name="country">
<option value="cn" selected>中国</option>
<option value="usa">美国</option>
<option value="uk">英国</option>
<option value="jp">⽇本</option>
</select>
</p>
<!--textarea:⽂本域
cols:⽂本域的列数
rows:⽂本域的⾏数
rows:⽂本域的⾏数
-->
<p>反馈：
<textarea name="textarea" cols="50" rows="10">⽂本内容</textarea>
</p>
<!--type="file":⽂件域
注意1:⽂件域⽤来选择⽂件，还需要⼀个上传按钮
textarea中cols表示
注意2：此处有两个name，上传⽂件是将⽂件提交给了⽂件域对应的files
并⾮按钮所对应的upload。
也就是说选择⽂件后value=所上传的⽂件，上传后files=所上传的⽂件
-->
<p>⽂件域：
<input type="file" name="files">
<input type="button" value="上传" name="upload">
</p>
<p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</p>
</form>
到此这篇相关html列表框、⽂本域、⽂本⽂档域的事例编号的⽂章就介绍到这了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。