关于使网站形式移动友好的建议

时间:2015-03-15 21:11:01

标签: html mobile-website

我想让我的网站更加适合移动设备。例如,我想在移动设备上查看输入表单。我的搜索表单包含5个不同搜索条件的字段,但我希望在移动设备上查看时,使用下拉框将表单更改为 1 字段。

这是否会使我的网站更具响应性,或者这会是一个毫无意义的变化?

我认为HTML会离开这个:

<!-- ... -->
  <td align="right">Client Ref :</td>
  <td align="left"><input type="text" name="sp:def:address_id" size="9" maxlength="9"></td>
  <td align="right">Invoice Number :</td>
  <td align="left"><input type="text" name="sp:def:invoice_number" size="9" maxlength="9"></td>
  <td align="right">Email :</td>
  <td align="left"><input type="text" name="sp:def:email" maxlength="100"></td>
</tr>
<tr>
  <td align="right">Last Name :</td>
  <td align="left"><input type="text" name="sp:def:last_name" maxlength="36"></td>
  <td align="right">Postcode :</td>
  <td align="left"><input type="text" name="sp:def:postcode" size="10" maxlength="9"></td>
  <td align="left"> </td>
<!-- ... -->

......这样的事情:

<select>
  <option value="#">Client Ref</option>
  <option value="#">Invoice Number</option>
  <option value="#">Email</option>
  <option value="#">Last Name</option>
  <option value="#">Post Code</option>
</select>
<input name="" type="text" size="40"/>

0 个答案:

没有答案