首页 > web前端 > html教程 > 表单项_html/css_WEB-ITnose

表单项_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:15:11
原创
969 人浏览过

概论:在博客园里看见很多大神一般的人物,我呢,现在属于园中微不足道的一人,发的博客经常没过多久就多半因篇幅或深度不够被移出首页(有点难过),但我不会因此而放弃的,我会努力增强自己技能,一步一个脚印,打好坚实的基础,走上自己想走的一条道路,也希望看到这篇随笔的人加油哦~不抛弃,不放弃!

以下是个人对表单元素的代码罗列以及经验总结:

<!-- 单行文本框,密码文本框 --><p>用户名:<input type="text" name="user" value=""></p><p>密   码:<input type="password" name="psw" value=""></p><!-- 单选按钮 checked="checked"预设,代码里代表性别女已被预选 注意两个name值要一样,否则达不到单选的效果--><p><br />性别:男<input type="radio" name="sex" value="男"> 女<input type="radio" name="sex" value="女" checked="checked"><br /></p><!-- 复选框,如若要提前选中,要加上checked="checked",预设已选中 --><p><br />爱好:羽毛球          <input type="checkbox" name="hobby" value="羽毛球"> 网  球<input type="checkbox" name="hobby" value="网  球" checked="checked"> 乒乓球          <input type="checkbox" name="hobby" value="乒乓球"> 瑜  珈<input type="checkbox" name="hobby" value="瑜  珈"><br /></p><!-- 下拉列表,multiple="multiple"表示下拉列表中的选项可多选,(<select>...</select>)(<option>...</option>)是双标签 --><p>课程:<select name="select" multiple="multiple" ><option value="01">计算机基础</option><option value="02">计算机网络</option><option value="03">计算机组成原理</option><option value="04">计算机导论</option><option value="05">计算机科学与技术</option></select><br /></p><!-- 上传文件 --><p>上传照片:<input type="file" name="f"/></p><br /><br />
登录后复制
<!-- 多行文本框,一个汉字占两个字节占两列,一个字母占一列 ,当输入文字超过显示容量时,多行文本框会自动加上滚动条--><p><textarea rows="4" cols="6">真善美,是我们每一个人穷尽一生努力追求的 zhenshanmeishiwomenmeiyigerenqiongjinyishengnulizhuiqiude</textarea></p>
登录后复制
<p> <br /><input type="button" name="b" value="单击进入" onclick="alert('你单击了按钮')"> <br /> <!--普通按钮,onclick触发按钮事件,单击后有对话框提示-->  <br /><input type="submit" name="s" value="提交"> <br /><input type="reset" name="r" value="重置"> <br /><input type="image"src="images/submit.gif" alt="提交" title="点击提交"> <br /><!--使用图片提交,建议alt(当图片加载不出来或者图片路径不正确情况下会显示alt的值用来表示图片的内容)和title(当鼠标放置图片上时显示title的值)都使用--><br /></p> 
登录后复制

 

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板