diff --git a/src/common/convert.js b/src/common/convert.js
index 889b917..de4fc9f 100644
--- a/src/common/convert.js
+++ b/src/common/convert.js
@@ -27,6 +27,8 @@ const convert = {
         return '{HOSTNAME}';
       case '5':
         return '{PATH}';
+      case '6':
+        return '{HASH}';
       case '1':
       default:
         return '{HREF}';
diff --git a/src/common/operation.js b/src/common/operation.js
index 07b50dc..9290263 100644
--- a/src/common/operation.js
+++ b/src/common/operation.js
@@ -92,6 +92,8 @@ const operation = {
           return uri.hostname;
         case '{PATH}':
           return uri.href.replace(uri.origin, '');
+        case '{HASH}':
+          return uri.hash.replace(/^#/, '');
         default:
           return arg0;
       }
diff --git a/src/components/OptionsGroup.vue b/src/components/OptionsGroup.vue
index 141ab99..986b1c6 100644
--- a/src/components/OptionsGroup.vue
+++ b/src/components/OptionsGroup.vue
@@ -19,9 +19,7 @@
             </el-input>
           </el-col>
           <el-col :span="4">
-            <el-button :type="isEdit ? 'warning' : 'primary'" @click="onEdit">{{
-              isEdit ? $ui.get('optionsSave') : $ui.get('optionsEdit')
-            }}</el-button>
+            <el-button :type="isEdit ? 'warning' : 'primary'" @click="onEdit">{{ isEdit ? $ui.get('optionsSave') : $ui.get('optionsEdit') }}</el-button>
           </el-col>
         </el-row>
         <div class="options-settings">
@@ -34,6 +32,7 @@
             <el-tag type="info" title="e.g., hppts://www.example.com" @click="onTagClick('{ORIGIN}')">{ORIGIN}</el-tag>
             <el-tag type="warning" title="e.g., www.example.com" @click="onTagClick('{HOSTNAME}')">{HOSTNAME}</el-tag>
             <el-tag type="danger" title="e.g., /path/to/test.php?type=0#extra" @click="onTagClick('{PATH}')">{PATH}</el-tag>
+            <el-tag color="white" title="e.g., extra" @click="onTagClick('{HASH}')">{HASH}</el-tag>
           </span>
         </div>
         <div class="options-settings">