HTMLCSS笔记3-表单

it2026-04-21  5

<h1>表单</h1> <form action="b.jsp" method="post"> size属性控制的只是文本框的长短,不限制字数<br> maxlength控制的是文本框能显示/输入的字数<br> 只读:<input type="text" name="realName" value="xx" readonly> 用户名:<input type="text" name="uname" value="xxx" size="20" maxlength="3"><br> 密码:<input type="password" name="pwd"><br> 复选框用name属性来标志,checked="checked"表示默认<br> 兴趣爱好:<br/> <!-- 表单元素标注:需要将文字再套一层 <label for="识别id">在checkbox标签中添加id属性进行识别--> <label for="football">足球:</label><input type="checkbox" id="football" name="hobbies" checked="checked"><br> 蓝球:<input type="checkbox" name="hobbies"><br> 乒乓球:<input type="checkbox" name="hobbies"><br> 性别:<br> 男:<input type="radio" name="sex" checked="checked"><br> 女:<input type="radio" name="sex"><br> <br> 下拉列表<br> selected="selected"表示默认选中<br> <select> <option>北京</option> <option>上海</option> <option>南京</option> <option selected="selected">徐州</option> </select> <br> <input type="submit" value="登录"> <input type="reset" value="重置"> <br> 按钮的disable属性设定按钮不能点击<br> <input type="button" value="普通按钮" disabled="disabled"> <br><br> 个人说明<br> <textarea cols="30" rows="5">这是编写默认值的地方</textarea> <br>上传文件(注意上传文件要在form属性中加入enctype="multipart/form-data")<br> <input type="file" name="filename"><br> 隐藏域:在前台不显示,方便与后台进行存取 <input type="hidden" value="1"><br> <hr>语义化表单<br> <fieldset> <legend> 用户信息 </legend> Name<input> Password<input> </fieldset> </form>
最新回复(0)