ホームページ  >  記事  >  ウェブフロントエンド  >  フォーム item_html/css_WEB-ITnose

フォーム item_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:15:11916ブラウズ

(少し悲しいですが、それでも諦めずに、一歩ずつ自分のスキルを高めて、自分の進みたい道に進んでほしいと思います。このエッセイは元気をくれるよ~諦めないでね!

以下はフォーム要素の個人的なコードリストとエクスペリエンスの概要です:

<!-- 单行文本框,密码文本框 --><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> 

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。