📜  Polymer Gold电话输入(1)

📅  最后修改于: 2023-12-03 14:45:33.314000             🧑  作者: Mango

Polymer Gold电话输入

Polymer Gold电话输入是一个开源的Web组件,在Polymer框架下实现,可以在网页中轻松添加一个电话号码输入框。

特性
  • 支持输入和显示电话号码。
  • 支持直接电话拨打和短信发送。
  • 纯前端实现,不需要后端支持。
  • 提供多种自定义设置,包括输入框格式、按钮样式、是否显示区号等。
安装

Polymer Gold电话输入可以通过npm安装:

npm install --save polymer-gold-telephone-input
使用

在HTML中添加telephone-input元素,可以使用以下属性自定义设置:

  • value:电话号码的初始值。
  • areaCode:是否显示区号,默认为true。
  • format:电话号码的格式,默认为“(xxx) xxx-xxxx”。
  • dialBtnText:电话拨号按钮文本,默认为“Call”。
  • smsBtnText:短信发送按钮文本,默认为“Text”。
<telephone-input value="123-456-7890" area-code format="(xxx) xxx-xxxx" dial-btn-text="Call" sms-btn-text="Text"></telephone-input>
示例

请查看demo

代码片段

以下是Polymer Gold电话输入组件的代码片段:

## Polymer Gold电话输入
Polymer Gold电话输入是一个开源的Web组件,在Polymer框架下实现,可以在网页中轻松添加一个电话号码输入框。

### 特性
- 支持输入和显示电话号码。
- 支持直接电话拨打和短信发送。
- 纯前端实现,不需要后端支持。
- 提供多种自定义设置,包括输入框格式、按钮样式、是否显示区号等。

### 安装
Polymer Gold电话输入可以通过npm安装:
```bash
npm install --save polymer-gold-telephone-input
使用

在HTML中添加telephone-input元素,可以使用以下属性自定义设置:

  • value:电话号码的初始值。
  • areaCode:是否显示区号,默认为true。
  • format:电话号码的格式,默认为“(xxx) xxx-xxxx”。
  • dialBtnText:电话拨号按钮文本,默认为“Call”。
  • smsBtnText:短信发送按钮文本,默认为“Text”。
<telephone-input value="123-456-7890" area-code format="(xxx) xxx-xxxx" dial-btn-text="Call" sms-btn-text="Text"></telephone-input>
示例

请查看demo