html之多行文本textarea 及下拉框select(12)

1.多行文本

多行文本使用textarea标签,默认值需要写在中间,和input标签不同,name属性用于后台获取数据(request.POST.get(meno))

<body>

    <textarea name="meno" >默认值</textarea>
</body>

2.下拉框

单选

下拉框为select标签,name属性用于后端获取数据,获取的数据为value的值,selectd=“selected”为默认值(可直接写selectd规范写需要加=),size为大小,即显示几个,默认为1,也就是一个。

<body>

    <select name="city" size=“2”>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3" selected="selected">广州</option>
    </select>
</body>

多选

multiple属性为多选,多选时需要按住ctrl
   <select name="city" multiple="multiple">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3" selected="selected">广州</option>
    </select>

下拉框选项分组,本身组名不可选,组成员可选,类似下面这种

<select>
    <optgroup label="河北省">
        <option>石家庄</option>
        <option>保定</option>
        <option>衡水</option>
    </optgroup>
    <optgroup label="山东省">
        <option>德州</option>
        <option>济南</option>
        <option>青岛</option>
    </optgroup>
</select>

 

转载于:https://www.cnblogs.com/liang-wei/p/9600044.html

创建一个简单的JSP页面用于用户注册,可以按照以下步骤进行: ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户注册</title> </head> <body> <h2>注册页面</h2> <form action="register.jsp" method="post"> <label for="username">用户名:</label><br> <input type="text" id="username" name="username" required><br> <label for="password">密码:</label><br> <input type="password" id="password" name="password" required><br> <label for="textarea">多行文本:</label><br> <textarea id="textarea" name="textarea" rows="4" cols="50"></textarea><br> <!-- 单选 --> <label>性别:</label> <input type="radio" name="gender" value="male" checked>男<br> <input type="radio" name="gender" value="female">女<br><br> <!-- 多选 --> <label>兴趣爱好:</label><br> <input type="checkbox" name="hobby[]" value="music">音乐<br> <input type="checkbox" name="hobby[]" value="sports">运动<br> <input type="checkbox" name="hobby[]" value="reading">阅读<br><br> <!-- 下拉框 --> <label for="country">国家:</label> <select id="country" name="country"> <option value="China">中国</option> <option value="USA">美国</option> <option value="Canada">加拿大</option> </select><br> <label for="dob">出生日期:</label> <input type="date" id="dob" name="dob"><br> <!-- 提交与重置按钮 --> <input type="submit" value="提交"> <input type="reset" value="重置"> <!-- 转向登录页面 --> <a href="login.jsp">登录</a> </form> </body> </html> ``` 在这个例子中,我们创建了一个包含基本表单字段的HTML表单。用户填写完信息后,表单数据将通过POST请求发送到`register.jsp`处理。记得,你需要在服务器端编写相应的Java或Servlet来接收并验证这些表单数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值