📅 最后修改于: 2023-12-03 14:45:33.314000 🧑 作者: Mango
Polymer Gold电话输入
Polymer Gold电话输入是一个开源的Web组件,在Polymer框架下实现,可以在网页中轻松添加一个电话号码输入框。
特性
- 支持输入和显示电话号码。
- 支持直接电话拨打和短信发送。
- 纯前端实现,不需要后端支持。
- 提供多种自定义设置,包括输入框格式、按钮样式、是否显示区号等。
安装
Polymer Gold电话输入可以通过npm安装:
使用
在HTML中添加telephone-input元素,可以使用以下属性自定义设置:
- value:电话号码的初始值。
- areaCode:是否显示区号,默认为true。
- format:电话号码的格式,默认为“(xxx) xxx-xxxx”。
- dialBtnText:电话拨号按钮文本,默认为“Call”。
- smsBtnText:短信发送按钮文本,默认为“Text”。
示例
请查看demo。
代码片段
以下是Polymer Gold电话输入组件的代码片段:
使用
在HTML中添加telephone-input元素,可以使用以下属性自定义设置:
- value:电话号码的初始值。
- areaCode:是否显示区号,默认为true。
- format:电话号码的格式,默认为“(xxx) xxx-xxxx”。
- dialBtnText:电话拨号按钮文本,默认为“Call”。
- smsBtnText:短信发送按钮文本,默认为“Text”。
示例
请查看demo。