html手机单选框,手机移动网页制作:表单输入框、单选框、复选框

手机移动网页制作:表单输入框、单选框、复选框

本文继前面讲到的WML语言中的文本标签和图像、链接后,接着讲WML语言中的表单内容。

在Html中,表单内容包括输入框、单选框、复选框等等,WML也并不例外,仍然包含这三个元素,而且和Html中十分相似。

六、输入框

输入框可以让用户输入信息,起到交互效果。和Html中一样,都是使用标签:

/p>

"http://www.wapforum.org/DTD/wml_1.1.xml">

姓名:

年龄:

性别:

七、单选框和复选框

同理,在Html中也有单选和复选的表单内容之分,在WML中也存在。

比如单选框的代码如下:

/p>

"http://www.wapforum.org/DTD/wml_1.1.xml">

HTML 教程

XML 教程

WAP 教程

不要奇怪,虽然 标签和在Html语言中会显示为下拉菜单选项,但在WML语言的浏览器中会显示成单选框,这是与Html的区别。

而复选框也是在它的基础上稍加定义而成的:

HTML 教程

XML 教程

WAP 教程

没错,仅仅在 处添加了 multiple="true"就使单选框变成了复选框。

八、Fieldset控件组

为了让表单显得整齐,我们常常在其外面加上一段标明区域的代码fieldset,Html中也有这个做法。比如:

标题:

价格:

WML中基本的表单元素大概只有那么多,虽然没有Html中那样形式多样,但也够用了。

来源:互联网

501216a8c9887ccc6e7504f982cc8e97.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个包含单选框复选框输入框,下拉菜单和提交按钮的 Bootshape 表单的示例代码: ```html <form> <div class="form-group"> <label for="nameInput">Name</label> <input type="text" class="form-control" id="nameInput" placeholder="Enter your name"> </div> <div class="form-group"> <label for="emailInput">Email address</label> <input type="email" class="form-control" id="emailInput" placeholder="Enter your email address"> </div> <div class="form-group"> <label for="genderInput">Gender</label> <div class="form-check"> <input class="form-check-input" type="radio" name="genderInput" id="maleRadio" value="male"> <label class="form-check-label" for="maleRadio"> Male </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="genderInput" id="femaleRadio" value="female"> <label class="form-check-label" for="femaleRadio"> Female </label> </div> </div> <div class="form-group"> <label for="interestsInput">Interests</label> <div class="form-check"> <input class="form-check-input" type="checkbox" value="music" id="musicCheckbox"> <label class="form-check-label" for="musicCheckbox"> Music </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="sports" id="sportsCheckbox"> <label class="form-check-label" for="sportsCheckbox"> Sports </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="movies" id="moviesCheckbox"> <label class="form-check-label" for="moviesCheckbox"> Movies </label> </div> </div> <div class="form-group"> <label for="citySelect">City</label> <select class="form-control" id="citySelect"> <option>New York</option> <option>Los Angeles</option> <option>Chicago</option> <option>Houston</option> <option>Philadelphia</option> </select> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> ``` 这个表单包括五个输入字段:姓名,电子邮件地址,性别(单选框),兴趣爱好(复选框),城市(下拉菜单)。每个输入字段都有一个相应的标签和占位符文本。表单中还有一个提交按钮。这个表单的样式使用了 Bootstrap 的默认样式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值