Form表单

Form表单

实例运用 一

<form oninput="result.value = parseInt(num1.value)*parseInt(num2.value)">
			<input type="number" name="num1"/>
			*
			<input type="number" name="num2"/>
			=
			<!-- 结果 -->
			<output name="result">0</output>
		</form>

result的值 = num1的值 * num2的值

实例运用 二

六级标题表单中的单选按钮可以设置以下几个属性：value、name、checked

value：提交数据到服务器的值（默认值）
name：为控件命名（名称）
checked：当设置 checked=“checked” 时，该选项被默认选中

 <form>
      <p>你生活在哪</p>
      <input type="radio" name="country" value="China" checked="checked">1<br />
      <input type="radio" name="country" value="USA">2
 </form>

注意：同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“country”，这样同一组的单选按钮才可以起到单选的作用

实例运用 三

<input type="reset">定义重置按钮

<input type="reset" name="button" id="button" value="重置">

点击之后会将重置按钮所在的表单中填写的内容重新设置为默认值。