[HTML] 表单和输入

1.用户名和密码的表单

Code:

运行效果如下:

姓名:
密码:

说明: 表单是一个包含表单元素的区域, 表单使用表单标签(<form>)定义.

表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息元素

2. 单选按钮(Radio Buttons)

Code:

<form>

姓别:

<input type=”radio” name=”sex” value=”男">男

<input type=”radio” name=”sex” value=”女">女

</form>

运行效果如下:

姓别: 男女

说明: 只能从中选取其一

3. 复选框

Code:

<form>

<input type=”checkbox” name=”bike” />I have a bike

<br />

<input type=”checkbox” name=”bike” />I have a car

</form>

运行效果如下:

I have a bike
I have a car

4. 按钮

Code:

<form>

</form>

运行结果如下:

5. 下拉列表框

Code:

<form>

<option value=”Apple”>Apple</option>

<option value=”Orange”>Orange</option>

<option value=”Banana” selected=”selected”>Banana</option>

</select>

</form>

运行效果如下:

AppleOrangeBanana

说明: selected是将该选择项设置为默认选项, 如果不加这个标签, 第一项将是默认选项

6.标题框

Code:

<form>

姓名:

密码:

<input>

</form>

</fieldset>

运行结果如下:

登录姓名: 密码:

参考: http://www.w3school.com.cn/index.html

转载于:https://www.cnblogs.com/shylx123/archive/2010/10/21/1857463.html

[HTML] 表单和输入相关推荐

Element UI——表单验证输入的数字检测出来是string解决方案
问题描述打印判断类型问题分析解决方案数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符. < ...
vue之ele组件中input表单限制输入字符
目录 vue之ele组件中input表单限制输入字符 input只能输入数字 input 只能输入中文 vue之ele组件中input表单限制输入字符 input只能输入数字 <!-- 描述 ...
Element 表单只能输入数字校验
Element 表单只能输入数字校验以下验证均为只能输入数字类型只能输入整数 <el-input v-model="value" placeholder="请输 ...
HTML【表单和输入(按钮+登陆框)+框架】
HTML 表单和输入 HTML 表单用于收集用户的输入信息. HTML 表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到 Web 服务器. HTML 表单表单是一个包含表单元素 ...
html在表中加入输入框,HTML表单和输入文本框
HTML 表单用于收集用户输入的各类信息. 1)例子文本域这个例子演示了如何在一个 HTML 页中创建文本域.用户可以在文本域中输入文本. 密码框这个例子演示了如何在 HTML 页中创建密码输入 ...
html表单和输入方法,HTML 表单和输入
TML 表单表单是一个包含表单元素的区域.高佣联盟 www.cgewang.com 表单元素是允许用户在表单中输入内容,比如:文本域(textarea).下拉列表.单选框(radio-buttons ...
HTML 表单和输入
HTML 表单表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入内容,比如:文本域(textarea).下拉列表.单选框(radio-buttons).复选框(checkboxes)等等 ...
uniapp uview 框架的form表单，输入校验手机号、校验微信号
效果代码实现 <u-form :model="form" ref="form"><u-form-item label-width=" ...
微信小程序实现用form表单包裹输入的数据并上传到服务器
两个输入框分别为input与textarea,然后用form表单包裹两个输入框所输入的数据,再上传到服务器,效果图: post.wxml <form bindsubmit="formS ...
Vue—表单的输入绑定，绑定Vue3表单的输入
目录文本框选择框更改绑定显示的值修饰符 .lazy .number .trim v-model 指令用来在 input.select.textarea.checkbox.radio 等表单控件 ...

[HTML] 表单和输入

[HTML] 表单和输入相关推荐

最新文章

热门文章